netflix_with_nextjs

What's used in this app ?	How to run ?	Author
NextJS Nextjs-routing React React context-Api Fetch-Api Tailwind CSS Firebase Firebase-auth React-toastify Heroicons-react Headlessui-react	Once you clone the project run pnpm install or yarn install for node modules run pnpm run dev or yarn run dev for open development stage	Take a look at my other projects Visit me on Linkedin
What is this project about ?

How does my project look

Live Link

Feedback and Collaboration

I value your feedback and suggestions. If you have any comments, questions, or ideas for improvement regarding this project or any of my other projects, please don't hesitate to reach out.
I'm always open to collaboration and welcome the opportunity to work on exciting projects together.
Thank you for visiting my project. I hope you have a wonderful experience exploring it, and I look forward to connecting with you soon!

Project Skeleton

netflix_with_nextjs (folder)
|
|----readme.md
├── public
│     └── icons
|     └── images
├── app
|     ├── (private)
|     |      └── movies
|     |      |    └── [movieId]
|     |      |    |      └── page.jsx
|     |      |    └── components
|     |      |    |      └── HeroSection.jsx
|     |      |    |      └── MovieCard.jsx
|     |      |    |      └── MovieSection.jsx
|     |      |    |      └── VideoSection.jsx
|     |      |    └── page.jsx
|     |      └── profile
|     |      |    └── components
|     |      |    |      └── CardContainer.jsx
|     |      |    |      └── UserCard.jsx
|     |      |    └── page.jsx
|     |      └── layout.js
|     ├── (public)
|     |      └── login
|     |      |    └── page.jsx
|     |      └── register
|     |           └── page.jsx
│     ├── page.jsx
│     ├── layout.js
│     └── globals.css
│     └── error.js
│     └── loading.js
│     └── not-found.js
│     └── favicon.ico
├── auth
│     └── firebase.js
├── components
|     └── Navbar.jsx
├── context
|     └── AuthContext.js
├── helpers
|     └── ToastNotify.js
|     └── movieFunctions.js
├── .env
|── .gitignore
|── jsconfig.json
|── next.config.js
|── package-lock.json
├── package.json
|── postcss.config.js
|── tailwind.config.js

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

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.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.