Repo Mastery All sample repos
Sample onboarding breakdown

How to onboard to saas-starter

acme/saas-starter · TypeScript

A Next.js SaaS application with authentication, a Postgres-backed data layer, Stripe billing, and server components rendering the dashboard.

A full-stack app where the server/client component boundary, auth, and billing webhooks are the parts a new engineer must understand first.

TypeScriptNext.jsReactPostgreSQLStripeTailwind

First files to read

The fastest way into saas-starter: read these 5 files first, in order.

  1. 1app/layout.tsxRoot layout and app-wide providers
  2. 2app/(dashboard)/page.tsxAuthenticated dashboard server component
  3. 3lib/auth.tsSession and auth helpers
  4. 4lib/db.tsDatabase client and queries
  5. 5app/api/webhooks/stripe/route.tsStripe billing webhook handler

Main systems

RoutingApp Router pages and nested layouts
AuthSessions and protected routes
DataPostgres access layer
BillingStripe subscriptions and webhooks

Key terms

Server component
A React component rendered on the server with no client JavaScript by default.
App Router
Next.js routing based on the app/ directory, with layouts and nested routes.
Webhook
An inbound HTTP call from a third party (such as Stripe) notifying your app of an event.

Master any codebase this fast. Repo Mastery turns a repo into first files, architecture maps, flashcards, drills, and shareable proof.

Master your own repo

More sample repositories

acme-payments-apiatlas-weborders-serviceanalytics-etlferro-cliBrowse all