A React Router Supabase SaaS boilerplate built on loaders, actions, and Postgres RLS
Loaders read data and actions write it, each with a Supabase server client from the request.Teams, roles, and billing are scoped by Postgres RLS, so the database enforces tenant isolation.Deploy guides for Vercel, Cloudflare, Fly.io, Docker, and a VPS.
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 Router SaaS Starter KitThe setup, stack, and tooling are decided, so your first commit is a product feature.
Authentication with Supabase AuthPassword, magic link, OAuth, and MFA through Supabase Auth, with sessions available to every server request.
Multi-Tenancy with Row Level SecurityTeam accounts, invitations, and roles, with Postgres RLS policies scoping every query to the accounts a user belongs to.
BillingStripe or Lemon Squeezy subscriptions, 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 Router SaaS costs to build from scratch
React Router gives you loaders and actions. Accounts, roles, billing webhooks, and admin tooling are still yours to write. 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 Router SaaS Starter Kit
Included in the Supabase stack license with the Next.js and TanStack Start kits. 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
Pro A B2B SaaS Starter Kit for individual developers.
| Teams A B2B SaaS Starter Kit for teams of developers or companies.
|
Questions about licensing?
Read the MakerKit license terms and the MakerKit FAQ, or contact me.
A React Router SaaS starter kit for teams that want explicit data flow
Loaders read, actions write, and Postgres Row Level Security decides who sees what.
What is the MakerKit React Router SaaS Starter Kit?
The MakerKit React Router SaaS Starter Kit is a Turborepo monorepo with a React Router 8 app on Supabase. It ships authentication with MFA, personal and team accounts, roles and invitations, Stripe or Lemon Squeezy billing (flat, per-seat, metered, and one-off), a super admin, and a marketing site with a blog and docs, plus agent rules and an MCP server.
Best for
- Developers who prefer React Router framework mode to the Next.js App Router
- Teams coming from Remix who want loaders and actions to carry over
- B2B products that want Supabase Auth and RLS for tenant isolation
Not for
- Projects that need Drizzle or Prisma on their own Postgres; this kit is Supabase only
- Teams that want React Server Components
- Non-developers: it is source code you run and deploy yourself
RLS behind every team
Personal and team accounts, roles, and invitations are backed by Supabase Row Level Security policies.
Loaders and actions, typed
Route.LoaderArgs and Route.ActionArgs everywhere, with a Supabase server client created from each request.
Billing gateway
Stripe or Lemon Squeezy, with flat, tiered, per-seat, metered, and one-off billing, plus a documented credit-based billing recipe.
Deploy where you like
Production guides for Vercel, Cloudflare, Fly.io, Docker, and a VPS.
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.
An upgrade path from Remix
Maintained since the Remix days, with a documented migration from Remix to React Router.
With and without MakerKit
React Router SaaS Starter Kit FAQ
What is the React Router SaaS Starter Kit?
A Turborepo monorepo with a React Router 8 app on Supabase. It ships authentication with MFA, personal and team accounts, roles and invitations, subscription billing with Stripe or Lemon Squeezy, a super admin panel, and a marketing site with a blog and docs. It is the successor to the MakerKit Remix boilerplate.
How does data loading work in the React Router kit?
Through React Router's own primitives. Pages read data in route loaders and write it in route actions, both typed with the generated Route.LoaderArgs and Route.ActionArgs, and both create a Supabase server client from the incoming request. Components submit to actions with useFetcher. There are no React Server Components or Server Actions to reason about.
Why choose React Router over Next.js for a SaaS?
Choose React Router if you want an explicit request and response model: routes declared in routes.ts, data in loaders, mutations in actions. Choose the Next.js kit if you want React Server Components, the larger ecosystem, or a Drizzle or Prisma data layer, which the React Router kit does not offer.
Does the React Router kit have the same features as the Next.js Supabase kit?
The core SaaS features, yes: auth with MFA, team accounts, roles, invitations, per-account billing (flat, tiered, per-seat, metered, and one-off payments, plus a documented credit-based billing recipe), a super admin, emails, and translations. The data layer is Supabase only, and billing runs on Stripe or Lemon Squeezy.
Where can I deploy a React Router SaaS built with MakerKit?
Vercel, Cloudflare, Fly.io, Docker, or a VPS. The documentation has a production guide for each, plus a go-live checklist covering Supabase auth settings, environment variables, and database webhooks.
I have an app on the old MakerKit Remix kit. Can I migrate it?
Yes. The docs include a Remix to React Router migration guide: imports move from @remix-run/react and @remix-run/node to react-router, json() responses become plain returned objects, loaders and actions use the generated Route types, and file-based routes become entries in routes.ts.
Is MakerKit a one-time purchase or a subscription?
A one-time purchase. You get a lifetime license to the source code, continuous updates for the stack you bought, and unlimited projects for your own business, with no renewal fee. Building products for clients requires a Team license, and each client that receives the code needs their own license.
What support is included?
Discord support from me, Giancarlo, the founder who works on MakerKit full-time, and from the community. I help with setup, kit-related issues, and questions about the codebase. Team licenses add a private Discord channel for your team.
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.
Building a B2B SaaS on React Router? Start from one that already ships.
Loaders, actions, Supabase RLS, billing, and admin are wired and maintained. Buy once, clone the React Router SaaS starter kit, and make your first commit a product route.