Plan → Build → Deploy
ChatGPT plans the site structure, Cursor builds each page with AI assistance, and Vercel deploys it for free.
- 1ChatGPT無料オプション
入力: What the website is for and its pages → 出力: A sitemap and component breakdown
Website planning prompt
I'm building a website for [PURPOSE] with these pages: [LIST PAGES]. Suggest a sitemap, the reusable components each page needs, and a simple content structure.
- 2Cursor無料オプション
入力: The sitemap from Step 1 → 出力: A working Next.js site with all planned pages
Build the site prompt
Scaffold a Next.js App Router project and build these pages: [PASTE SITEMAP]. Use Tailwind CSS for styling and keep components reusable.
- 3Vercel無料オプション
入力: The finished site from Step 2 → 出力: A live website URL
Deployment checklist
Push to a Git repository, import the repo into Vercel, and deploy — Vercel auto-detects Next.js with zero config.