A full-featured SaaS starter with auth, billing, and entitlements—powered by Update and Next.js.
Features · Demo · Deploy to Vercel · Local Setup · Support
--- ## ⚡ 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](https://tailwindcss.com) and [shadcn/ui](https://ui.shadcn.com) --- ## 🔗 Demo Live demo: [nextjs-supabase-stripe-update.vercel.app](https://nextjs-supabase-stripe-update.vercel.app/) --- ## 🚀 Deploy to Vercel Click the button below to instantly deploy the template and set up Update and Supabase: [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fupdatedotdev%2Fnextjs-supabase-stripe-update&project-name=update-nextjs-template&repository-name=update-nextjs-template&demo-title=Update%20SaaS%20Starter&demo-description=A%20Next.js%20starter%20with%20Update%20for%20auth%2C%20billing%2C%20and%20orgs&demo-url=https%3A%2F%2Fvercel-update-template.vercel.app&external-id=https%3A%2F%2Fupdate.dev) --- ## 🛠️ Local Setup ### 1. Clone the project ```bash git clone https://github.com/updatedotdev/nextjs-supabase-stripe-update.git cd nextjs-supabase-stripe-update ``` ### 2. Install dependencies ```bash npm install ``` # or ```bash pnpm install ``` ### 3. Configure environment variables Create a `.env.local` file based on the provided example: ```bash cp .env.example .env.local ``` Fill in values from: - [Update dashboard](https://update.dev) - [Supabase project settings](https://app.supabase.com/project/_/settings/api) ```bash NEXT_PUBLIC_UPDATE_PUBLIC_KEY=... NEXT_PUBLIC_SUPABASE_URL=... NEXT_PUBLIC_SUPABASE_ANON_KEY=... ``` ### 4. Run the dev server ```bash npm run dev ``` Open [http://localhost:3000](http://localhost:3000) in your browser to view the app. --- ## 📦 What's Included - 🔌 **Update Client Setup**: - `utils/update/client.ts` — for browser-side usage - `utils/update/server.ts` — for server-side usage - 🧠 **Entitlements Checks**: - Example usage of `client.entitlements.check()` to conditionally render UI - 💳 **Billing Integration**: - Stripe Checkout & Customer Portal - Cancel/reactivate subscriptions - Usage-based plans (coming soon) --- ## 🧩 Tech Stack - [Next.js](https://nextjs.org) - [Update](https://update.dev) - [Supabase](https://supabase.com) - [Stripe](https://stripe.com) - [Tailwind CSS](https://tailwindcss.com) - [shadcn/ui](https://ui.shadcn.com) --- ## 🤝 Support - 📚 [Full documentation](https://update.dev/docs) - 💬 [Join our Discord](https://discord.gg/Guege5tXFK) - 🐛 Found a bug? [Open an issue](https://github.com/updatedotdev/nextjs-supabase-stripe-update/issues) --- ## 📄 License MIT ## Related Templates ### [Stripe Subscription Starter](https://vercel.com/templates/next.js/subscription-starter) The all-in-one subscription starter kit for high-performance SaaS applications, powered by Stripe, Supabase, and Vercel. ### [Stripe & Supabase SaaS Starter Kit](https://vercel.com/templates/next.js/stripe-supabase-saas-starter-kit) Full SaaS starter kit with Stripe for payments and Supabase for auth. --- ## Additional documentation The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.