Next Tube

Welcome to Next Tube, a fully-fledged video platform built with the latest version of Next.js (14). This project demonstrates cutting-edge features, optimal performance, and a seamless user experience.Can create thousands of videos with complete and I mean COMPLETE SEO components with just one click. Can server videos with infinite scroll efficiently. It will propably take some paragprahs to explain each feature, dive in to the code.

Features

• Blazing Fast Performance: Leveraging Next.js's SSR and ISR capabilities for optimal load times.
• Infinite Scrolling: Smooth and efficient infinite scrolling for a seamless user experience.
• SEO Optimized: Comprehensive SEO practices implemented for superior search engine ranking.
• Mass Generator: Create thousands of videos with full SEO components from single .txt file.
• Responsive Design: Fully responsive and mobile-friendly layout.
• Admin Panel: Robust admin panel for managing video content.
• Dynamic Routing: Clean and efficient dynamic routing with slugs.
• Video Management: Comprehensive video management system including titles, descriptions, categories, tags, and comments.
• Real-time Updates: Automatic updates and data fetching using Next.js features.
• Efficient Client/Server Components: Optimized client/server component architecture for improved performance and scalability.

Tech Stack

• Framework: Next.js 14
• Database: MongoDB
• Styling: CSS Modules, Tailwind CSS
• Deployment: Vercel or anywhere really

Screenshots

Desktop

Mobile

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine.

Prerequisites

• Node.js
• MongoDB

Installation

1. Clone the repo

   git clone https://github.com/your-username/next-tube.git

2. Install NPM packages

   npm install

3. Set up MongoDB environment variables for local mongodb

   MONGODB_URI=<your_mongodb_uri>

4. Start the development server

   npm run dev

5. Open your browser and navigate to http://localhost:3000

Contributing

Contributions are what make the open-source community such an amazing place to be, learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Umut Piynar - @uruskan. - [email protected]

Project Link: https://github.com/uruskan/next-tube

Acknowledgments

• Next.js
• MongoDB
• Vercel
• OpenAI
• Unsplash for placeholder images
• Special thanks to all contributors and supporters of this project.

---