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.
Install the dependencies:
npm install
## Supabase
First by creating a supabase cloud project:
- go to [Supabase Dashboard](https://app.supabase.com)
- click `New Project`
- choose:
- Organization → (create one if needed)
- Project Name → e.g. devpulse
- Database Password → choose a secure one
- Region → pick the nearest location
- Click Create new project
- Wait a few moments for the database to be provisioned.
## Setup Environment
Copy the .env.example to .env
```bash
cp .env.example .env
# Open .env and fill in the values for:
# NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
# NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
First, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
For a brand-new Supabase project, use this flow from the repo root.
This repository now uses a squashed baseline migration for fresh installs:
-
Active baseline:
supabase/migrations/20260407120000_baseline_fresh_setup.sql -
Historical migrations archive:
supabase/migrations_archive/
- Login to Supabase CLI:
npx supabase login- Initialize local Supabase config (only if missing):
npx supabase init- Link this repo to your cloud project:
npx supabase linkYou can select from the project list, or run npx supabase link --project-ref <project-ref>.
- Push all migrations to the new project:
npx supabase db pushOn a fresh project this applies only the single baseline migration.
- (Optional) Pull remote schema changes into migrations:
npx supabase db pull- Regenerate Supabase TypeScript types after schema changes:
npx supabase gen types typescript --project-id <project-id> --schema public > app/supabase-types.tsIf you want to re-run the full migration chain on local development:
npx supabase db resetIf you need to inspect migration history, use the files in supabase/migrations_archive/.
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.