Quick Start

Prerequisites

• Node.js 18.17+
• pnpm (or npm/yarn)

1. Clone and Install

git clone https://github.com/NextBento-dev/nextbento.git your-app-name
cd your-app-name
pnpm install

2. Environment Variables

Copy the example env file:

cp .env.example .env.local

• NEXT_PUBLIC_SUPABASE_URL — From Supabase Dashboard → Project Settings → API
• NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY — Same as above (anon/public key)
• SUPABASE_SECRET_KEY — Service role key (for server-side)
• NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY — From Stripe Dashboard
• STRIPE_SECRET_KEY — Stripe secret key
• STRIPE_WEBHOOK_SECRET — From Stripe webhook setup (use Stripe CLI for local dev)
• RESEND_API_KEY — From Resend

For detailed setup of each service:

• Supabase Setup
• Stripe Setup
• Resend Domain Verification

3. Run Locally

pnpm dev

Open http://localhost:3000.

4. Deploy to Vercel

1. Push your repo to GitHub
2. Import the project in Vercel
3. Add all environment variables from .env.local
4. Deploy

See Deploying to Vercel for details.

Deploy Checklist

• Supabase project created and env vars set
• Stripe products/prices configured, webhook endpoint set
• Resend domain verified, API key set
• All env vars added to Vercel
• NEXT_PUBLIC_APP_URL set to your production URL

What's Next?

• Authentication — Understand auth flow
• Billing — Configure plans and checkout
• Landing Page — Customize your marketing page
• Pricing — License and checkout
• Supabase + Stripe starter notes — What the kit does not wire for you