Starter$19
For teams validating the product shell and basic account flows.
Core auth and account UI
Shared billing integration
Referral capture and share links
Docs and onboarding shell
Pricing
A pricing page template that works for both marketing and authenticated upgrade flows.
This page is intentionally more generic than the old billing demo. It can live in front of the paywall, compare plans, describe credits, and route the user into the shared Stripe checkout flow when they are ready.
Environment
http://localhost:3000Pricing contract
Default planpro
Default intervalmonthly
Credits quantity1
Checkout UI/billing
Plans
Replace plan names and copy, but keep the route and flow structure.
Choose Starter
Pro$49
For production teams that want the full shared SaaS surface.
Subscription lifecycle console
Invoices and payment method visibility
Referral stats and history
Multilingual-ready shell
CreditsUsage-based
For top-ups and product flows that mix subscription and credits.
Separate credits Checkout path
Credit package quantity support
Suitable for AI, workflow, or seat-like usage
Can coexist with subscription plans
Pricing notes
These notes explain the template boundary, not your final commercial policy.
Marketing page here, payment truth there
The pricing page lives in the frontend, but all checkout creation, webhook truth, and subscription state remain backend-owned.
Replace names, not route structure
You should absolutely replace Starter / Pro / Credits copy, but it is useful to keep `/pricing` and `/billing` as stable product routes.
Growth path already preserved
If a referral code was captured before signup, the billing page can still forward it as metadata when checkout is created.