Getting Started

Clone the repo, install dependencies, and run the dev server. You'll have a polished site in under a minute.

Requirements

  • Node.js 20.9+
  • pnpm 9+ (the lock file is pnpm-lock.yaml; npm/yarn will work but not recommended)
  • A terminal and a text editor

1. Install

git clone <your-fork-url> my-saas
cd my-saas
pnpm install

2. Environment variables

Copy the template and fill in what you need:

cp .env.local.example .env.local

The only required variable is NEXT_PUBLIC_APP_URL for production. Everything else (Vercel Analytics, Google Search Console verification) is optional.

3. Run the dev server

pnpm dev

Open http://localhost:3000. The server uses Turbopack and hot-reloads on save.

4. First rebrand (5 minutes)

Three files get you 90% there:

src/config/brand.ts

export const BRAND = {
  productName: "Your Product",
  companyName: "Your Company",
  supportEmail: "support@yourcompany.com",
  // ...
};

src/config/marketing-copy.ts

Hero tagline, meta description, footer copy, OG copy: all in one file.

src/config/ui/hero2.ts and other ui/ files

Per-section copy (hero badge, CTA buttons, features grid, FAQ items). Each file is a typed object: TypeScript will tell you if you break a field.

5. Logo and favicon

Replace public/logo/*.svg with your logo. The header/footer auto-render whatever you put there.

Replace src/app/favicon.ico with your 32×32 icon.

6. Build for production

pnpm build
pnpm start

The build is fully static where it can be, with ISR on blog and docs pages (1-hour revalidation by default).

Next steps