A Fullstack Netflix Clone with NextJS and Tailwind CSS
Building a Fullstack Netflix Clone with React, NextJS, TailwindCSS & Prisma
This is a repository for a FullStack Netflix Clone tutorial using React, NextJS, TailwindCSS & Prisma.
Features:
- Environment, Typescript, NextJS Setup
- MongoDB & Prisma connect, Database creation
- Authentication with NextAuth, Google & Github Login
- Full responsiveness on all pages
- Cookie based authentication
- API and Controllers creation
- Detail-oriented effects and animations using TailwindCSS
- React SWR data fetching
- Zustand state management
Prerequisites
Node version 14.x
Cloning the repository
git clone https://github.com/AntonioErdeljac/next-netflix-tutorial.git
Install packages
npm i
Setup .env file
DATABASE_URL=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_JWT_SECRET=
NEXTAUTH_SECRET=
Start the app
npm run dev
Available commands
Running commands with npm npm run [command]
| command | description |
|---|---|
dev |
Starts a development instance of the app |