The React Router SaaS Starter Kitwith loaders, actions, and Supabase

Framework mode without Next.js: data in loaders, mutations in actions.
Supabase auth with MFA, teams isolated by Row Level Security, and Stripe or Lemon Squeezy billing.
One-time purchase from $349$299, with the Next.js and TanStack Start Supabase kits included
Get MakerKit·$349$299
Claude CodeCursorGemini

Inside MakerKit

MakerKit team dashboard page in dark mode: the sidebar with the team switcher and navigation, and MRR, revenue, fees and new customer cards above a visitors chart

Products built on MakerKit

See 16 more products from MakerKit customers +
React Router 8 + SupabaseFramework mode, no Next.js required

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

Sign-in your users already expect

Password, magic link, passkeys, OAuth and multi-factor authentication, with the emails that go with them.

Multi-factor authentication

Users enroll an authenticator app and are challenged for a code at sign-in.

Transactional emails

Templates written in JSX with React Email, sent through Resend or Nodemailer (SMTP).

Every sign-in method

Password, magic link and social sign-in, configured per environment.

Passkeys

Opt-in sign-in with Face ID, Touch ID, Windows Hello or a security key. No password to phish.

Magic links

Passwordless sign-in: users get a one-time link by email instead of typing a password.

Accounts and billing

Everything a multi-tenant B2B SaaS needs

The multi-tenant SaaS boilerplate parts: auth, billing, teams with roles, and a super admin that can impersonate or ban users and teams, plus the screens your customers use to manage them.

Roles and permissions

Roles map to permissions that your code and your database policies both check.

Customer portal

Users change plans, update payment methods and download invoices without a support ticket.

Team accounts

Users belong to several teams and switch between them, or work in their personal account.

Billing webhooks

Flat, per-seat and metered subscriptions through Stripe Checkout, with webhooks that keep plans and seats in sync with your database.

Swappable providers

Billing, email, CMS and monitoring sit behind interfaces, so changing provider is configuration, not a rewrite.

Internationalization

Every UI string comes from translation files, so adding a language is content work.

Built for coding agents

Guardrails your agent works inside

Rules, an MCP server and strict checks keep generated code in the kit’s patterns.

Agent rules

AGENTS.md files at the root and in each package teach coding agents the kit’s conventions.

Strict code standards

Strict TypeScript and linting across the monorepo, so type errors surface before your users find them.

MCP server

Gives Claude Code, Cursor, Codex and Gemini structured access to the kit: database, components, translations, checks and PRDs.

E2E tests with Playwright

Tests for authentication, team accounts and invitations, written with page objects you can extend.

You own the code

The full source lives in your repository. Nothing is hidden behind a package you cannot edit.

Also included

Everything else, already wired up

The parts nobody lists until they are missing: content, deployment, documentation, and people to ask when you get stuck.

Interface
  • Shadcn UI and Tailwind CSS v4One theme file restyles the app and the marketing site
  • Dark and light themesEvery component supports both, with a toggle built in
  • Mobile-friendly layoutsResponsive app shell, sidebar and marketing pages
  • Figma UI kitThe same components, for designing screens before you build them
Content
  • Blog and CMSKeystatic, WordPress or Supabase behind one interface
  • Help centerDocumentation pages for your own customers
  • SEO basicsPer-page metadata and a generated sitemap
Platform
  • Serverless or NodeDeploy serverless or to a long-running server, with guides for both
  • PluginsTestimonials, feedback, roadmap and waitlist, added when you need them
  • MonitoringSentry, PostHog or SigNoz behind one interface
  • Realtime notificationsIn-app, over Supabase Realtime on the Supabase kits
Learning and support
  • DocumentationFor every kit, from install to production
  • MakerKit courseBuild and launch a SaaS on the kit, step by step
  • DiscordAsk Giancarlo and other builders directly
From clone to product code in one session

A production-ready React Router SaaS Starter Kit

The setup, stack, and tooling are decided, so your first commit is a product feature.

Quick Setup

Clone the repository, install dependencies, and start the dev server: the full SaaS runs locally, not a demo shell.

Modern Tech Stack

Built on React Router 8, React 19, Supabase, Zod 4, Shadcn UI, Tailwind CSS 4, and TypeScript 7. Upgrades land through the public changelog.

High standards

Strict TypeScript, Oxlint, and oxfmt configured across the monorepo. The Rust-based Oxc toolchain keeps lint and format feedback fast as the codebase grows.

Authentication made easy

Authentication with Supabase Auth

Password, magic link, OAuth, and MFA through Supabase Auth, with sessions available to every server request.

Email/Password

Secure email/password authentication with built-in password reset, email verification, and account recovery flows.

Magic Link

Passwordless sign-in: users click a link in their inbox and skip the password entirely.

Passkey

WebAuthn passkeys: users sign in with Face ID, Touch ID, Windows Hello, or a hardware security key. Phishing-resistant, with nothing to reset.

Social Sign-in

Google, GitHub, Facebook, X, Discord, and many more OAuth providers ready to configure.

Multi-Factor Authentication

TOTP-based MFA to protect your users' accounts, with enrollment and challenge screens included.

Multi-tenant SaaS from day one

Multi-Tenancy with Row Level Security

Team accounts, invitations, and roles, with Postgres RLS policies scoping every query to the accounts a user belongs to.

Organizations and Teams

Full B2B multi-tenancy support. Let customers create workspaces, manage teams, and collaborate securely.

Team Invitations

Email-based invitation system with role assignment. Onboard team members with a single link.

Roles and Permissions

Granular role-based access control (RBAC). Define custom roles and permissions that match your product's needs.

Get Paid

Billing

Stripe or Lemon Squeezy subscriptions, including per-seat and metered billing, for personal and team accounts.

Stripe Checkout

Stripe Checkout handles cards, Apple Pay, Google Pay, and other payment methods.

Stripe Customer Portal

Self-service subscription management. Customers update payment methods, view invoices, and cancel without opening a support ticket.

Flexible Pricing Models

Per-seat, usage-based, flat-rate subscriptions, or one-time purchases. Plans live in one billing schema that checkout and the pricing table both read.

Manage accounts from the Super Admin panel

Admin Panel

Manage your users, organizations, and build your own internal tooling within the app.

Super Admin

See users, organizations, and subscriptions in one dashboard, restricted to super admins.

Account Management

Explore, impersonate users, ban/delete accounts, all without touching the database.

UI you extend, not rebuild

Delightful UI, Built to Extend

Screens for every flow, built from the same Shadcn UI components you will use for your own features.

Landing Page

A landing page template with hero, features, pricing, and call-to-action sections to adapt to your product.

Dashboard/Charts Demo

Dashboard demo components with charts, ready to wire to your own data.

Shadcn UI Components

Every Shadcn UI component pre-installed and themed. Browse, copy, and customize from our built-in dev tools.

Pricing Table

A pricing table generated from your billing config: change a price in one place and the page follows.

Marketing, SEO, and Content

Marketing

Get found by your target audience with blog, documentation, changelog, and more.

Blog

A blog for product updates and SEO content, with per-post metadata and sitemap entries.

Documentation/Help Center

Reduce support load and improve user onboarding with the built-in documentation. Educate users and drive traffic to your product.

Changelog

Keep users engaged with product updates. Announce features, fixes, and improvements in a dedicated changelog.

Debug and Test your SaaS

Monitoring and Testing

Comprehensive monitoring and testing tools to help you keep your SaaS running smoothly.

Playwright E2E Testing

Pre-configured end-to-end tests for critical user flows. Ship with confidence, catch regressions before your users do.

Sentry, Signoz, PostHog, and more

Plug-and-play support for Sentry, PostHog, Signoz, and more. Monitor errors, track analytics, and debug production issues.

Help from the person who wrote the code

Support and Community

Ask me and the MakerKit community on Discord about setup, kit-related issues, and how the codebase fits together.

What customers say

Developers and founders on the kits, the docs and the support. Every quote links to the original post.

just wanna say thanks to @gc_psk for building @makerkit_dev . it is such an overpowered template. like finally we have a really good one with active development, good docs and now even cursorrules/windsurfrules to just sit down and see ai agents do the stuff. truly mindblowing.
CRcris@criscounters
Giancarlo Buomprisco

Built and maintained full-time by Giancarlo, a software engineer with almost 15 years of experience at startups and enterprises. Support questions reach me directly.

Founder interviews:Rob, Provider.appSebastian, WatchthisMichael, ChatFlow
My favorite so far is @gc_psk and @makerkit_dev ship cursor rules along with updates to the framework. That's been really useful to pull in new version (via git remote) and things stay in sync.
RYRyan Hayeson X
Just started using MakerKit and it's a total game-changer. 🚀 Wish I had this when I was building Phishr. Instant team management and billing? Insane.
HAHarvey Coplestone@hcoplestone
Second that! Giancarlo provides amazing support!! 😄
ANAndrew Willshire@acwillshire
You need to check @makerkit_dev by @gc_psk — it’s the best I’ve seen so far. It’s feature complete, plenty examples, amazing docs, great Discord community, the dude provides support even days after his weeding (which is crazy!) I’m not affiliated in every way, just a happy cx.
IVIvor@madebyivor
Honestly @makerkit_dev is great. More for B2B products but really clean and well documented.
KIKiara Bickers@kiarabickers
Amazing! @gc_psk has built a masterpiece with this one!
ADAditya TripathiClimactic · @AdityaTripathiD
I just stumbled upon @makerkit_dev (and you!), it's impressive, I thought it was a big team behind how many features I saw (and I've been working in software a long time!) I was just looking for a free boilerplate, but the lifetime licence makes it a no brainer. Thank you!
SÉSéraphin Hochart@nsphin
I would have totally agreed with you until… I found @makerkit_dev last year. This is by far, the best boilerplate I found those past years. The dev is pushing new features and updates almost every week. His documentation (specially migrating to Next 15) is the best I’ve seen.
DADavid Dias@TheDavidDias
Makerkit is a gem for makers, if I was not building a desktop app I would be using it for sure, maybe for my next project
KHKhalil NajjarCohere AI · @knajjars
I landed on MakerKit after getting into boilerplates with ShipFast. Much better.
WIWill Mitchell@StartupBros
1000% recommend buying a good boilerplate (or making your own) I use @makerkit_dev it's so good I had an affiliate link, but I can't find it at the moment
DADan Schoonmaker@DanSchoonmaker
For anyone who wants to build their own SaaS, I recommend trying out @makerkit_dev. Thanks to @gc_psk for creating such a fantastic tool that makes building websites a breeze! #SaaS #buildinpublic
CACarl Chan@CarlChan77
We loved the product since when Giancarlo released the first version, and are building upon it ever since for all of our products. Highly recommended for all indie makers out there.
RARade JoksimovicRumora · on X
Solid and battle tested boilerplate with an amazing community and support.
STStefano CantuWiseOptIn · on X
Build vs buy

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.

Maintained full-time
Since 2022
Changelog releases since May 2024
66
Kits across 4 frameworks
8
Data layers: Supabase, Drizzle, Prisma
3
Build onceBefore your first feature
Authentication (email, OAuth, MFA)6-10 hours
Stripe subscription billing5-8 hours
Teams, roles & invitations6-10 hours
Super admin dashboard4-6 hours
Transactional emails3-5 hours
Marketing pages2-4 hours
Blog & documentation3-5 hours
Project setup (monorepo, CI, TypeScript)2-3 hours
E2E tests (auth and billing flows)3-5 hours
Maintain foreverAfter launch, for as long as it runs
Refactoring AI-generated patterns15-25 hours
Next.js/React version upgradesEvery major release
Security patches & fixesOngoing, unpredictable
Dependency updatesOngoing

Hours with Claude Code or Cursor · bar shows the range on a 0–25h scale

Building it yourself49-81 hoursWith AI tools, including rework
Developer time saved$7,350-$12,150At $150 an hour
With MakerKitDay 1Every row above ships in the kit, and upgrades keep coming
Get lifetime access

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

In short

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.

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.

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
  • Anyone who wants a hosted app builder instead of a codebase. Building by prompting an AI agent is fine: the agent works in the MakerKit code for you

With and without MakerKit

Without MakerKit: Tenant checks repeated in every loader

With MakerKit: RLS policies enforce tenancy in Postgres

Without MakerKit: Wiring Stripe webhooks to accounts and seats yourself

With MakerKit: A billing gateway with per-seat and metered billing built in

Without MakerKit: An agent guessing where React Router code belongs

With MakerKit: AGENTS.md files and an MCP server that describe the kit

Without MakerKit: Picking a deploy target and hoping it fits

With MakerKit: Guides for Vercel, Cloudflare, Fly.io, Docker, VPS

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.

$349$299/lifetime

  • Next.js 16, React Router 8, and TanStack Start
  • Supabase-native Stack (Auth, Storage, Database, RLS)
  • Unlimited Projects
  • Continuous updates
  • Lifetime license
  • Access to 1 user (only you)
  • Discord Support
Teams
A B2B SaaS Starter Kit for teams of developers or companies.

$649$599/lifetime

  • Next.js 16, React Router 8, and TanStack Start
  • Supabase-native Stack (Auth, Storage, Database, RLS)
  • Unlimited Projects
  • Continuous updates
  • Lifetime license
  • Up to 5 collaborators
  • Discord Support
  • Private Discord channel

Questions about licensing?

Read the MakerKit license terms and the MakerKit FAQ, or contact me.

Questions before you buy

React Router SaaS Starter Kit FAQ

Not covered here? Ask in Discord or contact me. Licensing details are in the MakerKit license terms.

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.

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.

Get lifetime access
Read the React Router SaaS Starter Kit docs
Claude CodeCursorGemini