Project Management App

built with

Tools
NextJS	https://nextjs.org
Prisma	https://www.prisma.io
Flowbite	https://flowbite-react.com
Supabase	https://supabase.com
Puppeteer	https://pptr.dev
etc

users diagram

setup

tested on

rizan@linux ~/Projects/nextjs-prisma-supabase $ node --version
v20.13.0
rizan@linux ~/Projects/nextjs-prisma-supabase $

rizan@linux ~/Projects/nextjs-prisma-supabase $ bun --version
1.1.9
rizan@linux ~/Projects/nextjs-prisma-supabase $

install dependencies

bun install

copy .env

copy .env.example .env

create database

https://supabase.com/docs/guides/database/overview

generate NEXTAUTH_SECRET

openssl rand -base64 32

.env configuration

DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public"
NEXTAUTH_SECRET=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

database migration

bunx prisma generate

bunx prisma migrate dev --name init

data example

data/SQL.txt

runnning

bun --watch run dev

UI testing and generate screenshots

scripts/test.ts

...
const targetUrl = 'http://localhost:3000';
const widthResolution = 1280;
const heightResolution = 960;
...

bunx ts-node scripts/test.ts

screenshots

demo

https://nextjs-prisma-supabase-lake.vercel.app/