This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
The app relies on Prisma and supports both local SQLite (default) and serverless Postgres providers such as Vercel Postgres, Neon, or Supabase.
-
Copy
.env.exampleto.env. -
For local development keep the defaults:
DATABASE_URL="file:./prisma/data.db"
-
For production/serverless hosting switch to Postgres by overriding the URL (example uses Vercel Postgres):
DATABASE_URL="postgresql://USER:PASSWORD@HOST:PORT/DATABASE?sslmode=require"
-
After updating the connection string, run Prisma migrations:
npx prisma migrate deploy
-
(Optional) Inspect data with Prisma Studio:
npx prisma studio
When deploying to Vercel, add the two environment variables above in the dashboard so data persists across builds.
More hints live in docs/database.md.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.