teecod3 / netflixclone

Making use of Some Next14 New Features

Netflix Clone Application

This project is a Netflix clone built using Next.js, Tailwind CSS, Prisma, Shadcn UI, Superbase, and NextAuth. The application incorporates authentication through Google, email, and GitHub, and it is hosted on Vercel.

Technologies Used:

• Next.js:

  • A React framework that enables server-side rendering and easy API integration.

• Tailwind CSS:

  • A utility-first CSS framework used for styling components with a flexible and efficient approach.

• Prisma:

  • A modern database toolkit that simplifies database access and management.

• Shadcn UI:

  • A UI component library providing pre-styled and customizable components for a sleek design.

• Superbase:

  • An open-source alternative to Firebase, providing a real-time database and authentication services.

• NextAuth:

  • A complete authentication solution for Next.js applications, supporting various authentication providers such as Google, email, and GitHub.

• Vercel:

  • A platform for hosting static websites and serverless functions with seamless integration with Next.js.

Features:

1. Authentication:

   • Google, email, and GitHub authentication for a versatile user login experience.

2. Dynamic Content:

   • Server-side rendering with Next.js allows efficient loading of content.

3. Responsive Design:

   • Tailwind CSS ensures a responsive and visually appealing layout across devices.

4. Database Management:

   • Prisma facilitates smooth database operations, ensuring data integrity and efficiency.

5. Real-time Updates:

   • Superbase enables real-time updates to keep the application dynamic.

How to Run Locally:

1. Clone the repository:

   git clone https://github.com/your-username/netflix-clone.git

2. Navigate to the project directory:

   cd netflix-clone

3. Install dependencies:

   npm install

   4.Run the application:

   npm run dev

Visit localhost:3000 to explore the Netflix clone locally.

This project serves as an excellent showcase of modern web development technologies and practices. Enjoy exploring the world of entertainment with the Netflix clone!

Replace "your-username" in the clone URL with your actual GitHub username. This markdown code provides a structured and informative README for your Netflix clone application.