Your First Website

Let's build your first website! Follow these steps to create a project from scratch.

Step-by-Step Guide

1. Go to the home page or click "New Project"
2. Select project type: "Website"

   You'll see two options: Website (React + Tailwind) or Mobile App (React Native + Expo). Choose Website for web applications.

3. Describe what you want in the prompt box
   Example: "Create a landing page for a coffee shop with a hero section, menu, and contact form"
4. Choose your mode:
   • Plan Mode (recommended for first project) — AI creates a detailed plan first
   • Act Mode — AI jumps straight into coding
5. Select AI model (Free plan: GPT-4.1 or Gemini 2.5 Flash)
6. Click "Generate"
7. Watch as code is created in real-time in the code editor
8. Click "Preview" tab to see your website — it updates live as code is generated
9. Make changes by typing follow-up prompts
10. Publish your site or download the code

Tips for Better Results

• Be specific — "Add a blue button" vs "Add a button"
• Mention styles — "Use a dark theme with purple accents"
• Reference frameworks — "Use Tailwind CSS for styling"
• Use Plan Mode first — Review the plan, then implement with Act Mode