Skip to content

full stack netflix clone , using Next js , Prisma , SWR ,Mongodb Atlas , Hooks , Zustand ,Tailwindcss fully responsive

Notifications You must be signed in to change notification settings

abdallaamin/flimflex-netflixclone

Repository files navigation

filmFlex A full stack Netflix clone , using Next js , Prisma , Mongo DB , zustand and Tailwind

image

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

Getting Started

First, run the development server:

npm install
# or
yarn install 

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
# or
yarn dev

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

ToDo :

fix add/remove fav movie /api

Deployed on Vercel

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

About

full stack netflix clone , using Next js , Prisma , SWR ,Mongodb Atlas , Hooks , Zustand ,Tailwindcss fully responsive

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published