A Netflix Clone built with Next.js, TypeScript, React, and Tailwind CSS.
About Me 💙»
📫 How to reach me
-
Clone the repo
git clone
-
Install NPM packages
npm install
-
Run the project
npm run dev
-
Open the project on your browser
http://localhost:3000/
Nextflix.mov
In this project, I built a Netflix clone using Next.js, TypeScript, React, and Tailwind CSS.
- Project Setup
- Creating the Navbar
- Implementing the Firebase Authentication
- Creating the App Routing
- Implementing the Login Page & Sign Up Page
- Implementing the Home Page
- Creating the Auth Context
- Implementing the Profile Page
- Creating the Utility Functions
- Implementing the Watch & Details Page
- Fix the Responsive Issues
- Implementing Private Routing
- Implementing the Details Page
- Implementing the Parameters in the URL
- Preparing the App for Deployment
- Deploying the Vercel
- Project Done 🚀
(Still working on it...)
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.