AIRecipes

Plan → Build → Deploy

ChatGPT plans the site structure, Cursor builds each page with AI assistance, and Vercel deploys it for free.

3-5 hours$0
  1. 1
    ChatGPTFree option

    Input: What the website is for and its pages → Output: 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.

  2. 2
    CursorFree option

    Input: The sitemap from Step 1 → Output: 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.

  3. 3
    VercelFree option

    Input: The finished site from Step 2 → Output: 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.

Used in these recipes

💻Coding

Build a Next.js website with AI

Go from a design idea to a deployed Next.js website using AI coding assistance.

Intermediate 3-5 hours $0