Blueprint

Web App

When a site needs a login and a database.

Not everything can be static. When it’s a real app — logins, a database, data that changes per user — you need a different stack. Notice how much of the build layer stays identical to the static one, though: only the framework, host, and database swap in.

01

How I build it

Editor

Orchestration

Claude Code Paid

The actual work, plus the VS Code extension.

Building from my phone

Claude mobile app Freemium

Input (I don't type)

Wispr Flow Freemium

02

What it's made of

Framework

React, App Router, TypeScript.

Styling

Version control + backup

GitHub Freemium

03

Where it lives

Database + auth

Supabase Freemium

Postgres + logins — the piece a static site doesn't have.

Host / deploy

Vercel Freemium

Push to GitHub, it auto-deploys.

DNS + domains

Cloudflare Freemium

04

What stays the same as static

Transactional email

Spam / bot protection

Cloudflare Turnstile Freemium

The line between site and app

You add a database + auth because the whole point of an app is data that changes and users who log in.

Why the host moves

Vercel is built around Next.js (server rendering, API routes). Cloudflare still owns the domain.

SEO drops down the list

A logged-in app behind auth isn't trying to rank on Google.

Other Blueprints

Marketing Website

Static sites that delete whole categories of problems.

Internal Workflow

The automation and systems that quietly run a business.