Which React SaaS boilerplate should you pick?
Pick the framework first; the SaaS features are the same across kits. These are the questions that actually decide it.
You want the default choice and the most docs
Choose the Next.js SaaS starter kit. It is the flagship: Next.js 16 App Router, React Server Components, Server Actions, and Cache Components. It comes with Supabase, or with Better Auth on the Next.js Drizzle SaaS starter kit or the Next.js Prisma SaaS starter kit.
You want Vite and a portable Node server
Choose the TanStack Start boilerplate. File-based routing that is type-safe end to end through TanStack Router, server functions instead of Server Actions, and a Vite and Nitro build that runs on any Node host. Drizzle, Prisma, or Supabase variants.
You came from Remix, or want loaders and actions
Choose the React Router SaaS starter kit. React Router 8 with Supabase, using the loader and action model Remix popularized. Remix itself merged into React Router, which the Remix SaaS boilerplate page explains.
You need iOS and Android apps too
Choose the React Native SaaS starter kit. An Expo app next to the Next.js web app in one monorepo, sharing one Supabase project and the same RLS policies. Checkout stays on the web to avoid app store commission.
Still weighing Next.js against TanStack Start? Read our TanStack Start vs Next.js comparison. Choosing an auth provider? See the Better Auth SaaS starter kit.
MakerKit's React SaaS boilerplates compared
Four React SaaS boilerplates, one SaaS layer: pick the framework your team already knows. All of them use React 19, TypeScript, Tailwind CSS 4, Shadcn UI, and a Turborepo monorepo.
| Kit | Framework | Data layer | Auth | Best for |
|---|---|---|---|---|
| Next.js + Supabase | Next.js 16 App Router | Supabase Postgres, RLS | Supabase Auth | Most B2B SaaS; the flagship kit |
| Next.js + Drizzle | Next.js 16 App Router | Any Postgres via Drizzle | Better Auth | Teams that want SQL-like queries and no BaaS |
| Next.js + Prisma | Next.js 16 App Router | Postgres via Prisma 7 | Better Auth | Teams already fluent in Prisma |
| TanStack Start | TanStack Start, Vite, Nitro | Drizzle, Prisma, or Supabase | Better Auth or Supabase Auth | Type-safe routing, no Next.js |
| React Router 8 | React Router 8 | Supabase Postgres, RLS | Supabase Auth | Remix users, loader/action fans |
| React Native (Expo) | Expo + Next.js monorepo | Supabase Postgres, RLS | Supabase Auth | SaaS that needs native mobile apps |
What every MakerKit React kit includes
The parts an AI agent can scaffold in an afternoon but rarely gets right: tenant isolation, billing webhooks, and role checks. Your agent builds your product on top of them.
Authentication
- Email and password
- OAuth providers
- Magic links
- TOTP multi-factor auth
- Password reset
- Email verification
Billing
- Stripe subscriptions
- Per-seat pricing
- Metered usage
- One-off payments
- Customer portal
- Webhook handling
Multi-tenancy
- Personal and team accounts
- Role-based permissions
- Custom roles
- Email invitations
- Team switching
- Billing per account
Operations and AI tooling
- Super admin panel
- User and account management
- Playwright E2E tests
- i18n
- MCP server for agents
- AGENTS.md and CLAUDE.md rules
Feature coverage differs slightly per kit, and the React Native app keeps checkout on the web. Each kit's landing page and docs list what it ships. For the architecture behind the team model, read our guide to multi-tenant SaaS architecture.
How licensing works across frameworks
You buy a kit by data stack, not by framework. The Supabase license covers Next.js 16, React Router 8, and TanStack Start. The Drizzle and Prisma licenses cover Next.js 16 and TanStack Start. The React Native kit is a variant of the Next.js Supabase kit.
Every license is a one-time payment with lifetime updates and unlimited projects. Pro is for one developer; Teams covers up to five collaborators. The license terms have the details, including client work.
React SaaS Boilerplate FAQ
Is there a MakerKit kit for plain React with Vite?
Not a client-only one. A SaaS needs server code for auth sessions, billing webhooks, and database access, so every kit uses a full-stack React framework. If you like Vite, the TanStack Start kit builds with Vite and Nitro.
Which React framework should I choose for a SaaS?
Next.js if you want the largest ecosystem and the flagship kit. TanStack Start if you want end-to-end type-safe routing and a portable Node server. React Router 8 if you prefer loaders and actions or are migrating from Remix. Add the React Native kit when you need native mobile apps.
Do all kits have the same features?
The core is the same: authentication with MFA, subscription billing, personal and team accounts with roles and invitations, and a super admin panel. Details differ by stack, for example Supabase kits enforce tenant isolation with Postgres RLS while the Better Auth kits check permissions in the application layer.
Do I need to know React to use this?
Yes. You should be comfortable with components, hooks, and TypeScript, plus the basics of your chosen framework. The kits handle auth, billing, and multi-tenancy, but your product features are React code you or your AI agent write.
Does it work with Claude Code, Cursor, or Codex?
Yes. Each kit ships AGENTS.md and CLAUDE.md rules so agents follow the kit's conventions, and an MCP server that lets agents inspect your database schema, run migrations, and manage environment variables.
What about Vue, Svelte, or Angular?
MakerKit only ships React kits. If your team works in another framework, this is not the right fit.
Can I use it for multiple projects?
Yes. Licenses include unlimited projects. A Pro license is for one developer; the Teams license lets up to five collaborators access the code.
Can I get a refund?
Generally no, once access to the code is redeemed, because source code cannot be returned. Read the docs and the free Lite kit first if you want to evaluate the architecture.
One React SaaS boilerplate, four ways to ship it
Next.js 16, TanStack Start, React Router 8, or React Native with Expo next to the Next.js Supabase app.Components, forms, hooks, and Shadcn UI look the same in each. What changes is how data reaches the page.
Authentication
Billing and Subscriptions
Customer Portal
Multi Tenancy
Super Admin
Shadcn UI and Tailwind CSS
Dark Theme
Blog
Documentation/Help Center
Mobile Friendly
Serverful/Serverless Stack
Strict code standards
E2E Testing with Playwright
Emails with React Email
Mailers
Plugins
You Own the Code
Documentation
SEO Basics
Swappable Providers
AI Agent Rules
MCP Server
Course
Realtime Notifications (Supabase)
Internationalization
Figma UI Kit
Support
Community
Guides
Continuous Updates
Maintained Full-Time
Since 2022
Rules and an MCP server for AI agents and IDEs: Claude Code, Codex, Gemini, and Cursor
Instruction files tell the agent where code goes and which patterns to reuse. The MCP server gives it structured access to the kit, so features land on the existing auth, tenancy, and billing instead of beside them.
A production-ready React SaaS BoilerplateThe setup, stack, and tooling are decided, so your first commit is a product feature.
AuthenticationPassword, magic link, passkey, and social sign-in, plus MFA, with the email flows that go with them.
Multi-TenancyPersonal and team accounts, invitations, and role-based access control, modeled in the database rather than bolted on in app code.
BillingSubscriptions with Stripe and other providers, including per-seat and metered billing, for personal and team accounts.
Admin PanelManage your users, organizations, and build your own internal tooling within the app.
Delightful UI, Built to ExtendScreens for every flow, built from the same Shadcn UI components you will use for your own features.
MarketingGet found by your target audience with blog, documentation, changelog, and more.
Monitoring and TestingComprehensive monitoring and testing tools to help you keep your SaaS running smoothly.
Support and CommunityAsk me and the MakerKit community on Discord about setup, kit-related issues, and how the codebase fits together.
What a React SaaS costs to build from scratch
React renders the UI. Everything a paying customer touches behind it is infrastructure you would build before your first feature. With AI coding tools, that is still 49-81 hours of senior developer time, including fixing the patterns AI got wrong.
Build once
Infrastructure every SaaS needs before its first feature
- Authentication (email, OAuth, MFA)6-10 hoursPre-built
- Stripe subscription billing5-8 hoursPre-built
- Teams, roles & invitations6-10 hoursPre-built
- Super admin dashboard4-6 hoursPre-built
- Transactional emails3-5 hoursPre-built
- Marketing pages2-4 hoursPre-built
- Blog & documentation3-5 hoursPre-built
- Project setup (monorepo, CI, TypeScript)2-3 hoursPre-built
- E2E tests (auth and billing flows)3-5 hoursPre-built
Maintain forever
Work that keeps coming after launch
- Refactoring AI-generated patterns15-25 hoursNot needed
- Next.js/React version upgradesEvery major releaseIncluded
- Security patches & fixesOngoing, unpredictableIncluded
- Dependency updatesOngoingIncluded
49-81 hours
With AI tools, including rework
Day 1
Start building your product immediately
$7,350-$12,150
In developer time and opportunity cost
Estimates for a senior developer building from scratch with Claude Code or Cursor at $150/hour, including 15-25 hours refactoring AI-generated patterns. Read the methodology
Get the React SaaS boilerplate
One-time purchase: lifetime license, continuous updates, unlimited projects of your own.
- Lifetime access to your stack of choice
- Build unlimited applications
- Continuous updates
- Access to the Discord community
- The best support in the SaaS Starter kits market, period.
- Community and Chat support
- Community-based feature requests and Request for Comments. You have a say in what Makerkit should build next.
- One-time payment, no subscriptions
- Includes access to our free Figma UI kit
Choose your Stack
Select the technology stack that best fits your project
Questions about licensing?
Read the MakerKit license terms and the MakerKit FAQ, or contact me.
A React SaaS boilerplate that does not pick your framework for you
Next.js, TanStack Start, React Router, or React Native: one SaaS architecture, React 19 throughout.
What is MakerKit?
MakerKit is a React SaaS boilerplate available on Next.js 16, TanStack Start, and React Router 8, all on React 19, TypeScript, Tailwind CSS 4, and Shadcn UI, plus a React Native (Expo) variant of the Next.js Supabase kit for iOS and Android. Each web kit ships authentication, subscription billing, multi-tenant teams with roles, a super admin, and a marketing site.
Best for
- React developers choosing between Next.js, TanStack Start, and React Router
- Teams who want the same SaaS architecture whichever framework they pick
- Products that need a native mobile app on the same Supabase backend as the web app
Not for
- Client-only React apps talking to a backend you already have
- Vue, Svelte, or Angular teams
- Non-developers looking for a no-code builder
Tenant isolation in the data model
Teams, roles, and invitations are part of the schema. Supabase kits enforce access with Postgres RLS; Better Auth kits with organization-scoped authorization policies.
Built for AI coding agents
AGENTS.md and CLAUDE.md files at the root and in each package, rules for Claude Code, Cursor, Codex, and Gemini, and an MCP server your agent can call.
Billing beyond the happy path
Per-seat, metered, and one-off billing with webhook handling, behind a gateway that switches providers through configuration.
Lifetime license, continuous updates
Pay once, then pull new features, fixes, and framework upgrades into your repository with git. Maintained full-time since 2022.
Support from the author
Questions go to me on Discord, the person who writes and maintains the kits.
Documented per kit
Each kit has its own documentation, from installation to production. The Next.js Supabase kit alone has more than 170 pages.
With and without MakerKit
SaaS products built with MakerKit
A selection of products MakerKit customers have built on the kits.
I help founders launch faster - because life’s too short to write boilerplate code.
I am a software engineer with almost 15 years of experience writing code for both startups and enterprises.
My love for creating digital products inspired me to build Makerkit, a SaaS Starter Kit that helps you launch the SaaS you have always dreamed of.
My job is to help you achieve your goals, and I work hard to make it happen.
You can find me on Twitter, LinkedIn, and GitHub.
Pick your React framework. The SaaS layer is done.
Next.js, TanStack Start, React Router, or Expo: whichever you choose, auth, billing, and teams ship ready and stay maintained. Get lifetime access and build the part that is yours.