Skip to content

Latest commit

 

History

History
99 lines (71 loc) · 3.36 KB

README.md

File metadata and controls

99 lines (71 loc) · 3.36 KB
Raw

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

Desktop Video Page Desktop Admin Page Desktop Home Page

Mobile

Mobile Home Page Mobile Admin Page Mobile Video Page

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