nicholashamilton/firebase-jwt-next-prisma-trpc

Firebase JWT Authentication utilizing Admin SDK to sync a Prisma database with user account using NextJS + tRPC.

Firebase Auth JWT - Next - Prisma - tRPC

• Next
• Prisma
• tRPC
• TypeScript
• Firebase
• Tailwind CSS / SASS
• React Toastify

Set Up

Install dependencies

npm install

Run dev server

npm run dev

Preview production build

npm run build && npm run start

Create .env from .env.example

cp .env.example .env

Firebase App Configuration

Replace variables with firebase console app configuration values

NEXT_PUBLIC_FB_API_KEY=''

NEXT_PUBLIC_FB_AUTH_DOMAIN=''

NEXT_PUBLIC_FB_PROJECT_ID=''

NEXT_PUBLIC_FB_STORAGE_BUCKET=''

NEXT_PUBLIC_FB_MESSAGING_SENDER_ID=''

NEXT_PUBLIC_FB_APP_ID=''

Firebase Admin SDK Configuration

FIREBASE_SERVICE_ACCOUNT_KEY={}

Remove line breaks from service account json

Prisma Set Up

Add database url to .env.local

DATABASE_URL=''

npx prisma db push

Roadmap

• Sign Up - synced with prisma UserAccount model
• Login
• Sign Out
• Password Reset
• Verify Email
• Update Email + Profile - synced with prisma UserAccount model
• Public Profile w/ Posts Count
• Create Post
• All Posts