Boiler plate for Next.js with Supabase

Local Setup

1. Clone the repository: https://github.com/withbackdrop/boilerplate
2. Create a dev branch which you should always be pushing to
3. Set up your .env.local file

• You can duplicate .env.local.example for that
• Populate the environment variables

4. Run pnpm install
5. Run pnpm run dev

Supabase

1. Create a new Supabase project
2. Go to Project Settings -> API
3. Grab the Project URL and paste it into NEXT_PUBLIC_SUPABASE_URL in the env file
4. Grab the Project API Key anon public and paste it into NEXT_PUBLIC_SUPABASE_ANON_KEY
5. Grab the service role secret and paste it into SUPABASE_SERVICE_ROLE_SECRET
6. Run all the SQL statements in DatabaseInit.sql

Supabase Notes

• For the confirmation email, change the url in Supabase to {{ .RedirectTo }}?token_hash={{ .TokenHash }}&type=signup

Vercel

1. Create a new project
2. Add your git repo
3. Add your environment variables
   • Make sure to set NODE_ENV to production
   • Also make sure you deploy the dev branch so the the getRootUrl() function works correctly
4. Deploy!

Testing Stripe

./stripe login

./stripe listen --forward-to http://localhost:3000/api/payments/webhook

Apple

Push stuff https://chatgpt.com/c/68656c4b-90b0-8011-a7d8-6bc1fc334cde