How to build a website with AI, step by step

You no longer need to write code or arrange blocks in an editor to get a website. You can describe your business in a few sentences and let an AI builder write the pages. This guide walks you through it with frascati, our own builder, from the first prompt to a published site.

The first version takes about two minutes. How long the rest takes depends on how much you want to change, and on how quickly you have the facts only you know, such as prices and opening hours.

What you will build

A website for a small business with several pages: a home page, a page for your services, an about page and a contact page with a working form. It has real copy written for your business, fitting photos, and a title and description for every page. It works on phones, tablets and desktops, and it will be online at an address you can share.

Step 1: create your account

Sign up at frascati.app and choose a plan. Every plan starts with a free 3-day trial with 20 credits. That is enough to build a first website, which uses about 3 credits, and to make plenty of changes, most of which use less than 1. A card is required. If you cancel before the trial ends, nothing is charged; otherwise the plan you chose starts. Plans start at $12 a month.

Step 2: choose a starting point

You can start with a description, or pick one of the 13 built-in templates, such as a restaurant with online booking, an online shop or a SaaS startup landing page. There are also templates shared by the community. A template is only a starting point: you change it in the chat like anything else.

If you already have a website, paste its address. frascati reads the text of that page and uses your real services and details, so you do not have to type them again.

Step 3: write your first prompt

Tell frascati who you are, what you offer, where you are and what visitors should do. A few sentences are enough. Here is an example:

This prompt names the business and the place, lists the services, says which pages you want, what the form is for and how the site should feel. It does not give prices or exact opening hours, so frascati will not invent them. It leaves a visible [placeholder] for each one, ready for you to fill in.

Tips for a better first prompt

• Say what you actually offer: “repairs, e-bike service, used bikes” gives better copy than “bike services”.
• Name the pages you want, and what the contact form is for.
• Add the facts you know, such as prices, opening hours and your address. What you leave out becomes a [placeholder].
• Describe the feel in plain words: calm, warm, practical, formal. Name a colour if you have a brand colour.
• Upload your logo and your own photos if you have them. Otherwise frascati picks fitting photos from a large stock library.
• Write in the language your site should be in. frascati writes the site in the language you write to it.

Step 4: watch it being built

After you send the prompt, frascati writes the pages, the copy and the contact form and picks the photos. You see the site take shape in the preview. The first version takes about two minutes.

When it is done, look at it the way a customer would. Switch the preview between desktop, tablet and phone. Read the text: is it what you do, said the way you would say it? Look for the [placeholders] and note what you need to fill in.

Behind the preview is real code: React, TypeScript and Tailwind CSS 4. You never have to touch it, but the Code view shows every file if you are curious.

Step 5: change it in the chat

You do not need to get everything right in the first prompt. Just write what to change:

• “Our prices: standard service CHF 89, e-bike service CHF 129, flat tyre repair from CHF 25.”
• “Opening hours: Tuesday to Friday 9 to 18.30, Saturday 9 to 16.”
• “Use the photo of our workshop I uploaded at the top of the home page.”
• “Make the about page shorter and more personal.”
• “Add a page about e-bike service.”

Every change is saved as a new version, so you can compare versions and go back. If you want to think something through first, use Plan mode: you can ask questions without changing the site. After each answer, frascati suggests three next steps you can click, which helps when you are not sure what to do next.

Step 6: publish

When the site is ready, one click puts it online at a frascati address such as frascati.app/p/your-name. With Pro and Business you can connect your own domain; frascati shows you the DNS records to set at your domain provider. Starter sites show a small frascati badge, Pro and Business sites do not.

Want feedback first? Share a view-only link to the project before you publish. When you change the site later, publish again to update it.

Messages from the contact form are saved with your project and emailed to you. Starter includes 50 messages a month, Pro 200 and Business an unlimited number.

What else can you build?

The same steps work for most small business websites. A few examples:

• A restaurant site with the menu, opening hours and online table booking
• A website for a physiotherapy practice, a dentist or a coach, with treatments or services and a contact form
• A portfolio for a designer, photographer or architect
• A site for a trades business, with past projects and a form to request a quote
• A small shop with a cart, paid through your own Stripe account
• A landing page for a product, a course or an event

A website can also have a simple members area: visitors sign in with a code by email and see what you share with members and their own entries and bookings. What frascati does not build: web apps with roles or server code of their own, a database you design, or a large shop with stock levels and product variants. For those, link to a dedicated tool.

For more ideas, read our guides to building a portfolio and a landing page with AI.

Common questions

Do I need to know how to code?

No. You describe what you want and frascati writes the code. If you do know code, the Code view shows every file and you can edit it directly.

Is the generated code any good?

frascati writes React, TypeScript and Tailwind CSS 4 with semantic HTML: one h1 per page, alt texts on photos and labels on form fields. You can read every file in the Code view. With Pro and Business you can download the full source code, which a developer can host or extend anywhere.

How much does it cost?

Starter costs $12 a month, Pro from $29 and Business from $69. Every plan starts with a free 3-day trial with 20 credits, and a card is required. A new website uses about 3 credits, most changes less than 1.

Can I use my own domain?

Yes, with Pro and Business. Every plan can publish at a frascati address.

Will frascati invent details about my business?

No. Where it does not know something, such as prices, opening hours, reviews or team members, it leaves a visible [placeholder] or leaves the element out.