Zitegen
Sign inGet started free

Quick Start Guide

Get your first site live in minutes. This guide covers the essentials — creating an account, describing your site, refining it, and publishing.

  1. Create your account

    Sign up with an email address or GitHub — no credit card required. The free plan includes 1 site and 10 AI credits a month, enough to build and refine your first site.

  2. Describe your site

    From the dashboard, click New site and describe what you want in plain language. Zitegen generates a full Astro project — responsive layout, real content, working sections — from the description alone. You can also attach a reference image to steer the visual style.

    Example prompt — "A portfolio for a motion designer in Tokyo — dark theme, full-bleed project reels, minimal nav, contact at the bottom."

  3. Explore your three editing layers

    Every site opens into three ways to refine it, all writing to the same page underneath — AI chat for conversational changes, the visual canvas and style panel for direct manipulation with mobile, tablet, and desktop breakpoints, and a full Monaco code editor for line-level control. Switch between them anytime; nothing falls out of sync.

  4. Refine with AI chat

    Ask for changes in plain language — "add a testimonials section," "make the hero darker," "swap the font" — and watch them stream into the canvas. Follow-ups build on what's already there, so you can keep iterating without starting over.

  5. Publish your site

    Click Publish and choose Production or Development. Zitegen runs a real Astro build and deploys it to Cloudflare's edge network — your site goes live at yourslug.zitegen.app within moments. Free-tier sites carry a small "Built with Zitegen" badge; upgrade any time to remove it.

  6. Add a custom domain (optional)

    Open Settings → Domains to connect your own domain instead of the zitegen.app subdomain. Add the DNS records shown and SSL is issued automatically.

    Custom domains are available on the Pro plan and above.

What's next

Keep exploring

Need help?

Common first questions

Can I edit the code directly?
Yes. The Monaco code editor and full file tree are always unlocked, even on the free plan — AI credits are only spent on chat and generation calls.
Can I add more pages to my site?
Yes, from the Pages panel: add, rename, delete, and reorder pages, and navigation stays in sync automatically. You can also ask AI chat to add one for you.
Can I download my site's source code?
Yes, on any plan. Export the generated Astro project whenever you want a local copy.
Can I undo a change or roll back to an earlier version?
Yes. Version History keeps snapshots of your site as you edit, so you can preview and restore an earlier version at any time.