DEV Community

dev tips
dev tips

Posted on

Flixtube Using Next.js 14, Prisma, TailwindCSS & Next-Auth 🤩

Github Repo: https://github.com/saidMounaim/flixtube

Flixtube

Flixtube Using Next.js 14, Prisma, TailwindCSS & Next-Auth 🤩

screenshot
screenshot

Features:

  • Login with GitHub, Google & Magic Email
  • Movies, TV Shows & Recently Added Pages
  • Add to Watchlist
  • Remove from Watchlist

Technology Stack:

  • Next.js
  • Next-Auth
  • Prisma
  • TypeScript
  • TailwindCSS
  • Shadcn UI

Usage

Env Variables

Create a .env file in then root and add the following

DATABASE_URL=

GITHUB_ID=
GITHUB_SECRET=

GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

EMAIL_SERVER_USER=
EMAIL_SERVER_PASSWORD=
EMAIL_SERVER_HOST
EMAIL_SERVER_PORT=
EMAIL_FROM=
Enter fullscreen mode Exit fullscreen mode

Install Dependencies

npm install
Enter fullscreen mode Exit fullscreen mode

Run

# Run project
npm run dev
Enter fullscreen mode Exit fullscreen mode
  • Version: 1.0.0
  • License: MIT
  • Author: Said Mounaim

Top comments (0)