Skip to main content

Tutorial · 20 minutes

Build a booking site

A private cooking-class site, end to end. Calendar, customer database, Polar checkout, day-before reminder email. By the end you'll have a live URL, two paying test bookings, and a workflow that fires the reminder automatically.

What you'll need

  • A Coagentic account (sign up free).
  • A Polar account — sandbox mode is fine. You'll paste an organization access token.
  • A Resend account for the reminder email — free tier is plenty (100 emails / day).
Step 01

Tell the agent what you're building

Open the agent panel and paste:

I want a private cooking class booking site. Visitors should pick a class from a calendar, pay via Polar, and get a reminder email the day before. Brand name: Flame & Fennel. Colours: warm, pasta-house, cream + paprika red.

The agent will start by calling create_project— name and slug derived from "Flame & Fennel" — provision_database to attach a database to the project, then a create_table call per table: classes, bookings, customers. Each shows up live in the panel.

Step 02

Watch the database take shape

Open Site → Database in a second browser tab. The classes table has columns like id, title, starts_at, capacity, price_cents. The agent might seed a few example rows; tell it to clear them or replace with your real catalogue.

You can edit any column inline, add new ones, or ask the agent to "add a duration_minutes column to classes" — it calls add_column and the schema migrates without dropping the existing rows.

Step 03

Connect Polar

The agent will pause and ask for a Polar token. Open Project → Integrations → Connect → Polar. Paste your sandbox organization access token. The agent picks back up and wires the checkout flow into the booking page.

Sandbox tokens start with polar_oat_. Polar's sandbox accepts the card 4242 4242 4242 4242 with any future expiry and any CVV — useful for the next step.

Step 04

Connect Resend (or another email provider)

Same flow: Integrations → Resend → paste API key. The agent uses this when the reminder workflow fires. Skip this step and the workflow will be created but won't be able to send — you can come back later.

Step 05

Watch the reminder workflow get built

Behind the scenes the agent calls create_workflow with a cron trigger fired daily at 18:00, an action that queries bookings for "starts tomorrow", and a send_email action per matching row. Open the Automation → Workflows to see the visual editor — the agent's output is the same node graph you'd build by hand.

Step 06

Flip Live, then book yourself a class

Project → Overview → toggle Live. Open <your-slug>.coagentic.site in an incognito window, pick a class, pay with the test card, watch the row land in your bookings table.

Run the reminder workflow manually from Automation → Workflows to verify the email fires. Inbox a-okay? Switch Polar to production when you're ready to take real bookings.

Common iterations

  • Cap class size — tell the agent "capacity should hard-block bookings beyond that number; show a sold-out badge on the calendar".
  • Discount codes — "add a coupons table and a code field to checkout".
  • Custom domain — "use flame-fennel.com instead of the coagentic subdomain". The agent will guide DNS verification.
  • Site assistant — "add a chat widget on the homepage that knows the menu and dietary options". Drops a create_assistant call with a knowledge base.
Next tutorial
Build a lead-capture page →

The 10-minute funnel: landing → form → CRM → automated follow-up.