Scaffold a Next.js App
A structured prompt that gets an AI to scaffold a production-ready Next.js project with TypeScript, Tailwind, and a sensible folder structure.
5 min|Beginner
BuildQuick WinDeveloper
Prompt Template
Create a new Next.js 15 project with the App Router, TypeScript strict mode, Tailwind CSS v4, and the src/ directory convention. Set up the following folder structure: src/app/ for routes (with a (marketing) and (app) route group), src/components/ui/ for base components, src/lib/ for utilities and constants, and src/db/ for database code. Add a root layout with a basic <html> and <body>. Use IBM Plex Sans as the body font. Do not add any example pages beyond a landing page at /.
The prompt is specific about versions, conventions, and what NOT to include. Vague prompts like "make me a Next.js app" produce inconsistent results because the AI guesses at every decision point.
At the start of any new web project. Modify the stack choices (font, CSS framework, directory layout) to match your preferences.