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.
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.
This project uses two main branches for deployment:
main(development): All development work and feature branches are merged here. This branch is deployed to the Vercel preview environment.production: Stable, production-ready code. This branch is deployed to the live Vercel production environment.
To create and push a production branch:
git checkout -b production
# Push the branch to GitHub
git push -u origin productionTo deploy to production, merge your changes from main:
git checkout production
git merge main
git push origin production- Store all secrets (Supabase, Stripe, PayPal, etc.) in Vercel's environment variable settings. Never commit secrets to the repo.
- For single-db setups, be aware that dev and prod share the same data. Use caution when testing destructive changes.
- Enable Row Level Security (RLS) in Supabase for all tables.
- Never expose service role keys to the client.
- Vercel will auto-deploy the
mainbranch to a preview environment and theproductionbranch to the live site. - You can configure custom domains and environment variables per branch in the Vercel dashboard.