# Quick start Source: https://modulify.ai/docs/getting-started/quick-start Walk the whole path once, from an empty prompt box to a site anyone can visit. This is the full path, followed once, end to end. Have Modulify open in another tab and do each step as you read it. It takes about ten minutes, most of which is the AI working while you watch. ## Start on the home page Signing in lands you on `/dashboard`. The page greets you by first name, something like `What's brewing, Sam?`, and under the greeting sits one large box whose placeholder reads **Describe the site you want to build...** with example prompts typing themselves in and out of it. Everything you need for this walkthrough is on that box. The **+** button on the left attaches files, skills, connectors or an existing site to import. Next to it are the mode picker, set to **Build**, which makes changes right away, and the model picker. Leave both alone for now. ## Describe the site Write what the site is for and who it is for. Naming the sections, the audience and the tone gets you far closer on the first pass than a single word does. ```markdown A landing page for a small pottery studio in Lisbon. Sections for classes, a gallery, and a contact form. Warm, minimal, lots of white space. ``` Press Enter, or click the arrow button on the right. The send button stays disabled while the box is empty. If you would rather sketch than write, **Enhance with AI** under the box expands what you typed into a fuller brief before you send it. [Writing prompts](/docs/build/writing-prompts) goes further into phrasing. ## Watch the first build Sending creates the project and takes you straight into it. Your prompt is already the first message in the project's chat, on the left, and the work area on the right fills with a page skeleton and a rounded card that cycles through phrases such as `Building your application…` and `Wiring things together…` while the site is written. The conversation is where the real detail is. Rows appear as the AI reads, writes and edits files, and you can open any of them to see exactly what it did. This first turn spends credits, metered on the work it actually does. Nothing else in this walkthrough costs anything: previewing, publishing and hosting are all free. ## Read the preview When the build lands, the overlay clears and the **Preview** tab boots your site in a real browser frame. A status pill above it names the step it is on, `Provisioning preview...`, `Booting preview...`, then `Syncing your files...`. This is the site itself and not a picture of it, so click the links and scroll the pages. The address pill in the centre of the header shows the current path, and clicking it lists your pages so you can jump between them. The device icon on the right switches the frame between **Desktop**, **Tablet** and **Mobile**. Nothing you are looking at is public yet. The preview is private to your project. ## Ask for a change Type the next request into the same chat. There is one conversation per project and it runs continuously, so you never restate the whole site, only the part you want different. ```markdown Make the hero image full width and move the class times above the gallery. ``` The preview reloads against the new files when the turn finishes. A **Stop** button sits in the composer while a turn is running, and anything you send mid run joins a queue instead of being lost. Every turn that changes files also takes a snapshot, so you can undo a direction you did not like from the Versions tab. ## Publish **Publish** is the button in the top right of the editor. It opens a popover headed **Publish Site** showing where this project will go. - **Subdomain**, your free `.modulify.website` address, given to the project when it was created. - **Custom Domain**, reading **Add a custom domain** until you connect one. - **Last Published**, reading `Never` the first time. Click **Publish** in that popover. A **Progress** panel appears with three sections, **Setup**, **Build** and **Deploy**, each ticking off its steps with a count, and **View in Logs** in the corner for the raw output. A **Stop** button appears next to Publish while it runs. The first publish is the slow one, because the site is being set up for the first time. When it finishes you get a `Site published` toast. Unless you have turned them off in your notification settings, you also get a sound, and a browser notification reading `Your site is live. Click here to get back to it.` if you had wandered off to another tab. ## What you now have A real site on a real address, served from the free `.modulify.website` host, visible to anyone with the link. Your preview keeps being private and keeps being editable, and the live site only changes when you publish again. The card for this project is on your dashboard from now on, with a thumbnail, the time it was last edited, and a menu carrying **Open Published Project** and **Copy Published App Link**. ## Next - [Dashboard overview](/docs/getting-started/dashboard-overview) is a tour of the rest of what you are looking at. - [Connect a custom domain](/docs/publish/custom-domains) puts the site on an address you own. - [Site chat](/docs/build/site-chat) covers the conversation in depth.