Back to Workshop resources
Claude Code1 min read
Scaffolding a Next.js site with Claude Code.
The opening prompts that work, the layout structure to ask for, and the libraries to refuse.
Overview
Next.js is the framework we teach in CW-2 because Claude Code knows it well and Vercel deploys it cleanly. The scaffolding prompts are reusable across projects once you've found the shape.
The structure prompt
"Scaffold a Next.js 16 + TypeScript + Tailwind 4 site with App Router. Pages: home, about, services, contact, blog. Use src/app structure. Server components by default; mark client only when needed. Tailwind utilities only — no UI library, no animation library."
What to refuse
• framer-motion (unless you've decided you need it).
• Any UI library (shadcn is great but adds choice you don't need on day one).
• Eslint plugins beyond the default.
• Tests for a marketing site that's 5 pages.
First deploy moment
After ~90 minutes, push to GitHub and deploy on Vercel even if it's ugly. The deploy itself unblocks the rest of the day mentally.
PreviousYour first project with Claude Code.Next Claude Code + TypeScript — small adjustments that pay off.
Want to Apply This to Your Business?
We're a Singapore AI development and automation agency. Let's discuss how we can help solve your specific challenges.