Skip to content
/ nextjs-fullstack Public template

A working template with auth using nextjs, nextauth, prisma, tailwindcss and react query

Notifications You must be signed in to change notification settings

ceghap/nextjs-fullstack

Repository files navigation

Nextjs fullstack template

Just a template containing couple of packages for me to get started faster

Stack

  • Nextjs
  • tailwindcss
  • prisma (I use supabase as db hosting)
  • nextauth
  • React hook form
  • Zod
  • React toastify
  • React Query

Getting started

  • Install dependencies yarn install
  • Create .env file so that prisma can read the environment variable. Not sure why it cannot read .env.local so we will live with this for now.
  • Update .env with content of env.example file
  • Run prisma migrate to populate tabels in your db based on schema.prisma npx prisma migrate dev --name init
  • You can check your database that it now contains couple of tables
  • Run npx prisma generate to generate prisma client, so that you can query prisma orm

You can use whatever database supported by prisma. Just edit the schema.prisma to integrate with your db. Refer here Prisma schema reference

Prisma notes

  1. Set the DATABASE_URL in the .env file to point to your existing database. If your database has no tables yet, read https://pris.ly/d/getting-started
  2. Run prisma db pull to turn your database schema into a Prisma schema.
  3. Run prisma generate to generate the Prisma Client. You can then start querying your database.

Features

  • Role based authorization
    • Authenticated: Admin, User
    • Unauthenticated: Guess
  • Passwordless authentication (login by magic link)
  • Oauth authentication (Google)
  • Credentials authentication (email & password)

About

A working template with auth using nextjs, nextauth, prisma, tailwindcss and react query

Topics

Resources

Stars

Watchers

Forks