Back to Home
BUILD

Build Production Websites

Go from local development to a live, monetizable product — with the full stack, deployment pipeline, and payment integration.

Get Pro accessView download catalog

What You Will Build

Project 01

SaaS Landing Page + Dashboard

Project 02

Subscription-based Web App

Project 03

API-first Product with Stripe Billing

What you open after purchase

Repository layout you unpack, plus the go-live checklist inside the playbook docs.

Repository structure

website-blueprint/
├── apps/web/                 # Landing + member dashboard
├── workers/api/              # Auth, checkout, webhooks
├── packages/ui/              # Shared UI primitives
├── wrangler.toml             # Pages + Workers bindings
├── .env.example
└── docs/
    ├── architecture.md
    ├── deploy-cloudflare.md
    ├── stripe-webhooks.md
    └── launch-checklist.md

Launch checklist

  • Landing page live on a custom domain
  • Magic Link / OAuth sign-in working in production
  • Stripe Checkout + webhook signature verified
  • Member dashboard gated behind paid plan
  • D1 (or DB) migrations applied; secrets in wrangler
  • Analytics + cookie consent on public pages
  • Sitemap / robots / OG metadata published
  • Rollback path documented (previous Worker version)

Live cases on this path

Real builds that map to this playbook — not generic screenshots.

Primary map
01

HotStyle

HotStyle ≈ Website Blueprint — landing, auth, Stripe VIP, Cloudflare deploy.

Case study
Primary map
02

TeamShort

TeamShort ≈ Website Blueprint — same edge SaaS path; payments via Airwallex instead of Stripe.

Case study
Supporting
03

AGameBox

AGameBox is supporting proof (H5 + ad ops). Closest path: Website Blueprint product surface — not a separate playbook.

Case study

Architecture

Production stack used across all playbooks in this track.

Frontend

React

Infrastructure

Cloudflare

Payment

Stripe

Deployment

Edge + CI/CD

Included

Source Code

  • Full React + Next.js project templates
  • Cloudflare Workers configuration
  • Stripe checkout & webhook handlers
  • Environment setup scripts

Documentation

  • Step-by-step deployment guide
  • Architecture decision records
  • Production checklist
  • Troubleshooting playbook

Ready to ship?

See the file-level download list first, then unlock zips with Pro or Founder.

Start BuildingBrowse catalog