Open source SaaS template

Everything you need to ship a real product.

Beaker Stack gives you auth, billing, and a cross-platform React foundation — with a three-environment CI/CD pipeline, PR previews, and a layered test suite ready for production.

Get started free See features

Built on React, React Native, Supabase, and Stripe.

Beaker Stack pull request checks, environment setup wizard, and mobile app

Everything wired. Nothing hidden.

Stop stitching libraries together. Beaker Stack ships cross-platform apps, B2C-ready auth and billing, and a marketable web presence — all pre-integrated.

Mobile from day one

Reach users on iOS and Android with the same business logic as your web app — shared hooks, auth, and billing across React and React Native.

Auth out of the box

Email, OAuth, and magic links via Supabase — session handling and protected routes are already wired for web and mobile.

Marketing landing in config

Hero, features, pricing, FAQ, and footer are driven from a typed config file — rebrand or white-label the landing page without rewriting JSX.

SEO-friendly home page

The marketing home is pre-rendered to static HTML at build time with canonical and Open Graph URLs — better for crawlers and social previews than a blank SPA shell.

Billing that works

Stripe subscriptions, plan gates, a customer portal, and upgrade flows — the same patterns you need for self-serve B2C plans.

Usage metering

Track feature usage per user, enforce limits, and surface quota data in the UI — ideal for free tiers and usage-based add-ons.

Supabase backend

Postgres, Auth, Storage, and Edge Functions with RLS-first patterns, schema-generated TypeScript types, and local Docker parity for development and testing.

TypeScript everywhere

End-to-end types from the database schema to your UI components.

Agent-friendly codebase

Typed configs, schema-generated types, colocated tests with a decision matrix, and a clear monorepo layout give AI coding agents the structure they need to make safe, targeted changes.

CI/CD pipeline

Path-based PR previews on S3/CloudFront, a staging environment on the develop branch, and production on main — with EAS Update channels aligned for mobile.

Test discipline

Unit, integration, E2E, and database test layers — colocated with the code they test and documented with a clear decision matrix.

Free and open source

MIT licensed. Fork it, own the code, and ship your product. No vendor lock-in, no royalties.

View on GitHub →

Beaker Stack web and mobile app screenshots side by side

Web and mobile from a single codebase.

Shared auth logic. Shared billing hooks. Shared business rules. Your React web app and React Native mobile app stay in sync without duplicating work. About 40–60% of the codebase is shared across platforms.

Learn about mobile →

Marketing copy you can rebrand in one file.

Every piece of landing-page content — hero, features, social proof, pricing, FAQ, footer — lives in a single typed config. Swap the config and the same section components render a completely different product, with zero JSX changes. An alternate example config ships in the repo to prove it.

Read the landing README →

Lighthouse performance and SEO audit scores for Beaker Stack

Pre-rendered home page for SEO and link previews.

The marketing home is rendered to static HTML at build time with canonical and Open Graph URLs wired in per environment. Crawlers and social previews see real content immediately — no blank shell, no client-side flash — while the rest of the SPA hydrates as usual.

See the prerender script →

Billing that actually ships.

Most templates stop at "add Stripe." Beaker Stack includes plan gating, usage metering, upgrade prompts, a billing portal, and downgrade blockers — all wired to real Stripe products and ready for your plans.

See billing docs →

Environments that match your shipping workflow.

Three Supabase databases—local Docker, shared PR testing, and staging—mirror your branching model. Migrations are validated before they touch production. PR previews deploy automatically to path-based S3/CloudFront URLs. EAS Update channels give mobile the same preview → staging → production flow.

Read the architecture docs →

Set up in minutes. Documented for the long haul.

Run `npm run setup` to provision your local environment in one step. QUICKSTART, ARCHITECTURE, and focused guides (OAuth, Stripe, testing) explain key decisions. Env vars and secrets use a consistent layout that maps directly to GitHub Actions.

Read the quickstart →

Simple, transparent pricing.

Beaker Stack itself is free and open-source (MIT) — clone it and ship your product at no cost. The plans below are a live demo of the billing system built into the template.

Frequently asked questions

Is Beaker Stack free to use?

Yes — Beaker Stack is free and open source under the MIT license. You can clone the repository, build your product on top of it, and ship commercially with no fees or attribution requirements. The pricing plans shown in the demo are an example of what you can build with the template; they are not a cost to use Beaker Stack itself.

What is Beaker Stack?

Beaker Stack is an opinionated full-stack template built on React, React Native, Supabase, and Stripe. It gives you auth, billing, and a cross-platform foundation ready to customize for your product.

Is it really open source?

Yes — MIT licensed. Fork it, modify it, ship it. No restrictions on commercial use.

Do I need to know React Native?

Not to get started on web. The mobile app shares business logic with the web app, but you can build out the web side first and add mobile later.

How does billing work?

Beaker Stack uses Stripe for payments and Supabase for subscription state. You define your plans in a config file, run a sync script to create them in Stripe, and the billing UI is ready.

Can I use this for a commercial product?

Yes. The MIT license allows commercial use without any royalties or attribution requirements.

What do I need to run it locally?

Node.js, a Supabase project (free tier works), and optionally a Stripe test account for billing features. The quickstart guide walks through setup in under five minutes.

Ready to stop rebuilding the same foundation?

Clone Beaker Stack, swap the config, and ship your product.

Get started free View on GitHub