NextJS Netflix App is a responsive web application where you can watch the trailer of the movie you want to see the information of after registering and logging in and you can create a watch list for yourself by pressing the + button.
To create an advanced movie app with ReactJS, NextJS, TypeScript, Firebase, Firestore and TailwindCSS
|----README.md
├── atoms
│ └── modalAtom.ts
├── components
│ ├── Banner.tsx
│ ├── BasicMenu.tsx
│ ├── Footer.tsx
│ ├── Header.tsx
│ ├── Loader.tsx
│ ├── Membership.tsx
│ ├── Modal.tsx
│ ├── Row.tsx
│ └── Thumbnail.tsx
├── constants
│ ├── apiKey.ts
│ └── movie.ts
├── firebase
│ └── firebase.ts
├── hooks
│ ├── useAuth.tsx
│ └── useList.js
├── pages
│ ├── api
| | └── hello.js
│ ├── _app.jsx
│ ├── account.jsx
│ ├── index.jsx
│ └── login.jsx
├── public
│ ├── favicon.ico
│ └── vercel.svg
├── styles
│ └── global.css
├── utils
│ └── requests.ts
├── next.config.js
├── .env
├── package-lock.json
├── package.json
├── tailwind.config.js
├── tsconfig.json
└── typing.d.ts
Check The Live Website ➡️ Live Website
- React Components, Props, States and Hooks
- TypeScript
- NextJS
- API GET,POST,DELETE and UPDATE requests
- Context API
- React Recoil
- React Player
- React Hot Tost
- React Hook Form
- JSX Elements
- TailwindCSS
- Material UI
- Firebase Auth
- Firestore Database
Use the Npm package manager install command.
npm install- Author - [Murat Hüdavendigâr]
Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example with-tailwindcss with-tailwindcss-appyarn create next-app --example with-tailwindcss with-tailwindcss-apppnpm create next-app --example with-tailwindcss with-tailwindcss-app