Google.Chrome.mp4

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open 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.

Learn More

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!

Hosting

Prerequisites

• Node.js: Version 20 or higher.
• Database: PostgreSQL database.

Environment Variables

You need to set the following environment variables in your hosting provider's dashboard or a .env file:

DATABASE_URL="postgresql://user:password@host:port/database?schema=public"

Deployment

Vercel (Recommended)

1. Push your code to a Git repository (GitHub, GitLab, Bitbucket).
2. Import the project into Vercel.
3. Vercel will automatically detect Next.js.
4. Set the DATABASE_URL environment variable in the Vercel project settings.
   • You can use Vercel Postgres, Supabase, Neon, or any other Postgres provider.
5. Database Migrations: To ensure your database schema is up to date during deployment, update the Build Command in Vercel settings to:

   npx prisma migrate deploy && npm run build

   Note: prisma generate is automatically run during build.
6. Deploy!

Self-Hosting (Docker / Node.js)

1. Setup Environment: Ensure DATABASE_URL is set.
2. Install Dependencies:

   npm install

3. Apply Migrations:

   npx prisma migrate deploy

4. Build:

   npm run build

5. Start:

   npm start