Plan one useful website or web app

Let’s do this

1. 1
   In this guide

   Fill in Your website idea

   Open the idea button in the sidebar. Give the project a name, say who it helps, and describe the job. For Little Garden: “Help first-time gardeners remember which plants need watering.” Saving this fills in the messages in later lessons.

2. 2
   In your AI helper

   Choose a tiny first version

   For a website: a home page, services and a contact link. For a web app: add a plant, see the list and mark one as watered. Leave payments, teams and AI chat until the small version works.

3. 3
   In your AI helper

   Explain one visitor’s journey

   Say: “A visitor opens the home page, understands what I offer, then clicks Email me.” Or: “I type Basil, press Add, and Basil appears in the list.” This gives the AI something concrete to make and test.

4. 4
   In your AI helper

   Choose your starting tools once

   This course uses React to build reusable screen parts and Vite to run and package them. For a mostly text-based blog, Astro is another free choice. If the AI proposes Next.js with server features, have it explain the need and Cloudflare Workers setup first; a normal Pages static upload cannot run that server.

   Cloudflare: Next.js on Workers (opens a new tab)