Owner checklist
Setup guide
Plain-English steps. Only step 1 is required to have a working site.
- 1
Put it online (no coding)
about 5 minCreate a free account at vercel.com. Open the source on GitHub and press the Deploy to Vercel button in the README (or upload the folder in Vercel: Add New > Project). Accept the defaults and press Deploy. No settings are required; the site, sample data and live scanner work immediately.
- 2
Put your name and colors on it
about 10 minOpen
lib/brand.ts. Changename,initials,tagline, your support email, and the colors. Copy the same colors into the top ofapp/globals.css. Save, and Vercel redeploys on its own if you connected GitHub. - 3
Set your plans and prices
about 5 minIn the same file, edit
TIERS: plan names, prices and the perks listed under each one. - 4
Take payments (optional)
about 15 minIn your Stripe Dashboard create a Payment Link for each paid plan. In Vercel open Settings > Environment Variables and add
NEXT_PUBLIC_CHECKOUT_PRO_URLandNEXT_PUBLIC_CHECKOUT_ELITE_URLwith those links. Redeploy. The plan buttons now open Stripe checkout. - 5
Collect emails (optional)
about 10 minCreate a webhook in Zapier, Make or your email tool that adds a subscriber. Paste its URL into
SUBSCRIBE_WEBHOOK_URLin Vercel. Every signup form on the site starts sending addresses there. - 6
Lock the admin (recommended)
about 2 minAdd
ADMIN_PASSWORDin Vercel. The Admin page will then ask for usernameadminand that password. - 7
Replace the sample data
The demo ships with fictional sample setups so every screen has something to show. Press Reset demo data in Admin to restore them, or create your own setups there. The demo saves data in each visitor's browser; for a shared, permanent database see “Going to production” in the README.
- 8
Use your own domain (optional)
about 10 minIn Vercel open Settings > Domains, add your domain and follow the two DNS records it shows. Then set
NEXT_PUBLIC_SITE_URLto it.
Stuck? Everything above is also in the README. Back to home