Use Case

AI website builder for restaurants — build a booking and menu site in one session

Restaurants need a fast, good-looking website with a menu and table booking. Here's how to build one with AI in an afternoon — no agency, no monthly drag-and-drop fees.

The problem with restaurant websites

Most restaurant websites are either:

  1. Overpriced agency builds — €2,000–€8,000 upfront, slow to update, you're dependent on someone else to change the menu
  2. Template drag-and-drop tools — cheap but generic, limited booking features, ongoing monthly fees of €20–€80

AI Codes It offers a third option: build exactly what you need, own the code, publish in one session.


What we'll build

A restaurant website with:

Estimated time: 60–90 minutes


Step 1 — Start a new project

Log in at aicodesit.com and create a new project. Name it something like "restaurant-site".


Step 2 — Generate the base layout

In the AI Chat, describe your restaurant:

Build a restaurant website for "La Piazza", an Italian restaurant in Lisbon.
Pages: Home, Menu, Reservations, Contact.
Style: elegant, dark background, warm gold accent color (#C9A84C).
Include a sticky navigation bar and a footer with opening hours.

The AI generates all pages, routing, and base styles. Review the live preview.


Step 3 — Add the menu

Add a Menu page with three sections: Antipasti, Primi Piatti, Dolci.
Each dish has a name, description, and price.
Add placeholder items.

Then edit the menu items directly in the Monaco editor — they're just a JavaScript array, easy to update anytime.


Step 4 — Add a booking form

Add a Reservations page with a form: customer name, email, phone,
date (date picker), time (select from 12:00–22:00), party size (1–12).
On submit, show a success message. Send form data to a Supabase table called "reservations".

AICODESIT creates the Supabase table automatically. Reservations are stored and you can view them from the admin dashboard.


Step 5 — Publish

Hit Publish. Your restaurant site is live at lapiazza.aicodesit.app instantly.

To connect your own domain (e.g. lapiazza.com), go to Settings → Custom Domain and follow the DNS instructions. Takes about 5 minutes.


Ongoing updates

To change the menu, open the project in AICODESIT and tell the AI:

Add "Risotto ai funghi — €16" to the Primi Piatti section of the menu.

Publish again. Done. No agency needed.


Cost comparison

OptionSetup costMonthly cost
Web agency€3,000–€8,000€50–€200
Squarespace / Wix€0€23–€49
AICODESIT€0Free tier or €12/mo

Start building your restaurant site → aicodesit.com

← Use Cases Try AI Codes It free →