React SaaS Template
Save your team months when building B2B & B2C SaaS applications with this free React Router community template.
The Stack Behind the Template
Why use this template?
Focus on your PMF
When you're launching a SaaS, your biggest advantage is speed. Use this production-ready foundation so you can skip months of setup and dive straight into shipping features.
- Zero-config tooling.
- TypeScript, ESLint & Prettier, Commitlint and GitHub Actions are all wired up, so your team writes clean, consistent code from day one.
- Built with TDD.
- Jumping into a template with tens of thousands of lines of code is scary. Complete unit, integration, component and E2E tests (Vitest, React Testing Library & Playwright) let you refactor without fear.
- Learn by example.
- See real-world patterns for image uploads (client vs. server), MSW-wrapped mocks on both client and server, factory functions and test helpers for easy testing, seamless dark-mode without flicker, Stripe payments integration, authentication, and more.
- Fully customizable.
- Everything's modular - strip out what you don't need, tweak folder structure, and capture new requirements with tests as you grow.
Features
Everything your SaaS needs
Responsiveness & Accessibility
Every screen works on desktop, tablet and mobile. So you can serve all customers.
Billing
Most SaaS apps charge some form of recurring subscription. This template comes with three tiers preconfigured. But even if your needs are different, this will give you a head start.
Authentication & Database
With Supabase Auth (email magic links & Google OAuth), a managed Postgres database, and Supabase Storage, this template takes care of your backend. Storage even offers two upload flows: direct client uploads for large files and server-mediated uploads for small assets like profile avatars.
Notifications
This template includes a notifications system supporting text, mentions, and links, complete with read/unread tracking.
Dark Mode
Built-in cookie-based dark mode prevents flicker on load and respects light, dark, or system settings out of the box.
Member Management
Add members via shareable invite links or email invites where you can assign roles - Owner, Admin, or Member - to control access and permissions.
Internationalization
Manage translations, switch languages on the fly, and handle locale-specific formatting (dates, numbers, currencies) without any extra setup.
And much more ...
Includes user account settings, sending emails (with Resend), an onboarding flow, and a host of other utilities to help you hit the ground running.
Launch your SaaS asap.
Set up your project today and start building tomorrow. Save months on setup so you can focus on features.
npx create-react-router@latest --template janhesters/react-router-saas-template