DEV Community

Said MOUNAIM
Said MOUNAIM

Posted on

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

#react #nextjs #nextauth #tailwindcss

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)

Read next

visavadiyavrushik profile image

Building a Dark Mode Toggle in React with Context API

Vrushik Visavadiya -

lakshmananarumugam profile image

5 Reasons why I Started My YouTube Channel and Blog

Lakshmanan Arumugam -

devshefali profile image

14 Super Useful React Libraries You Should Know

Shefali -

sambulosenda_40 profile image

React Native: A Smart Choice for Mobile App Development

Sambulo Senda -