Back to Templates
β‘ Features
- π³ Subscriptions β Stripe billing with checkout, portals, trials, and failed payment recovery
- π Authentication β Supabase auth with Update-powered extensions (e.g., magic links, redirects)
- π Entitlements β Easy access control by plan, org, or user role
- βοΈ Full-stack ready β App Router, Middleware, Client, and Server usage supported
- π¨ UI β Built with Tailwind CSS and shadcn/ui
π Demo
Live demo: nextjs-supabase-stripe-update.vercel.app
π Deploy to Vercel
Click the button below to instantly deploy the template and set up Update and Supabase:
π οΈ Local Setup
1. Clone the project
git clone https://github.com/updatedotdev/nextjs-supabase-stripe-update.git cd nextjs-supabase-stripe-update
2. Install dependencies
npm install
or
pnpm install
3. Configure environment variables
Create a .env.local file based on the provided example:
cp .env.example .env.local
Fill in values from:
NEXT_PUBLIC_UPDATE_PUBLIC_KEY=...NEXT_PUBLIC_SUPABASE_URL=...NEXT_PUBLIC_SUPABASE_ANON_KEY=...
4. Run the dev server
npm run dev
Open http://localhost:3000 in your browser to view the app.
π¦ What's Included
- π Update Client Setup:
utils/update/client.tsβ for browser-side usageutils/update/server.tsβ for server-side usage
- π§ Entitlements Checks:
- Example usage of
client.entitlements.check()to conditionally render UI
- Example usage of
- π³ Billing Integration:
- Stripe Checkout & Customer Portal
- Cancel/reactivate subscriptions
- Usage-based plans (coming soon)
π§© Tech Stack
π€ Support
- π Full documentation
- π¬ Join our Discord
- π Found a bug? Open an issue
π License
MIT

