For AI agents and LLMs: a structured documentation index is available at /llms.txt. Every page has a Markdown sibling — append .md to any URL.

Skip to content
Docs

Next.js starter kit

Production-ready Next.js SaaS starter kit with Paddle Billing, Supabase auth, and Vercel deployment. Includes a localized pricing page, integrated checkout, and customer subscription management screens.

AI summary

Deploy the Paddle Next.js SaaS starter kit to ship a complete app with a localized pricing page, inline checkout, customer subscription management, and webhook syncing. The stack is Next.js + Vercel + Supabase + Paddle Node.js SDK + Paddle.js wrapper.

  • • One-click deploy to Vercel via the provided template URL, which prompts for PADDLE_API_KEY, PADDLE_NOTIFICATION_WEBHOOK_SECRET, NEXT_PUBLIC_PADDLE_ENV, and NEXT_PUBLIC_PADDLE_CLIENT_TOKEN.
  • • Includes a three-tier pricing page localized for 200+ markets, customer-facing subscription and payment management screens, and automatic Paddle <-> app data sync via webhooks.
  • • Requires Vercel and Supabase accounts, a Git provider (GitHub recommended), and Node.js 20+ for local development; styling uses Tailwind CSS with shadcn/ui components.

A complete Next.js app integrated with Paddle Billing. Drop-in pricing page, inline checkout, customer-facing subscription management, and webhook syncing — ready to deploy to Vercel.

Grid of logos used in the starter kit: Paddle, Supabase, Next.js, and Vercel.

GitHub

View source code, report issues, and contribute on GitHub.

Live demo

Try the starter kit before you get started.

Tutorial

Step-by-step walkthrough from setup to test payment.

What's included

  • A three-tier pricing page, fully localized for 200+ markets.
  • A high-converting inline checkout built with Paddle Checkout.
  • User management and authentication via Supabase.
  • Customer-facing screens to manage subscriptions and payments.
  • Automatic syncing of customer and subscription data between Paddle and your app using webhooks.

Tech stack

LayerTool
FrameworkNext.js
HostingVercel
Auth + DBSupabase
PaymentsPaddle Node.js SDK + Paddle.js wrapper
StylingTailwind CSS
Componentsshadcn/ui

Requirements

  • A Vercel account.
  • A Supabase account.
  • A Git provider (GitHub recommended).
  • Node.js v20+ if you plan to develop locally.

Get started

Deploy the starter kit to Vercel:

Deploy Paddle Next.js SaaS starter kit to Vercel in one-click

Alternatively, follow the complete tutorial to deploy the starter kit manually.

Was this page helpful?