SaaS Landing Page with Next.js + Tailwind (4-Phase Claude Code Build)
A complete, phased Claude Code prompt that interviews you, writes a SPEC.md, then builds a fast, accessible, SEO-ready SaaS landing page in Next.js + Tailwind with verified 'done when' checks.
What it produces
The prompt
Unlock this prompt
~556 words, copy-paste ready. Pro members get this and every other prompt — plus a new drop each week.
How to use it
- Open your project folder in a terminal and start Claude Code (
claude). - Fill every [BRACKET] (leave "choose" where you want the agent to decide) and paste the whole prompt.
- Approve each phase explicitly — the stop points are where you catch bad copy or structure cheaply.
- Tip: ask Claude to save the approved SPEC.md and a short CLAUDE.md so later sessions keep the same conventions.
More in Websites
E-commerce Store with Next.js, Stripe Checkout and a Typed Catalog
Builds a small but real online store — catalog, product pages, cart, Stripe Checkout, webhooks and order emails — in verified phases with Claude Code.
Clone-Quality Marketing Site from a One-Page Brief
Turns a plain-language brief plus 2-3 reference sites into a polished multi-page marketing site — design tokens, component library, pages and a verification pass — without copying anyone's assets.
Blog with a Headless CMS, RSS and Technical SEO Built In
Ships a fast blog wired to your CMS of choice (or MDX) with drafts/preview, tags, RSS, sitemap, structured data and on-demand revalidation.