Booking guide
Build a booking app with AI
Calendar with time slots, customer-facing booking page, payments at checkout, automated reminders. The Calendly + Stripe combo, owned by you, on your domain.
01 / What you can build
Real projects, not toy examples.
People are shipping these booking apps on Webtwizz this quarter. Each one is a complete app: real auth, real data, real money flowing through Stripe.
Service-based booking
Coaches, trainers, tutors, therapists. Pick a slot, pay, get a confirmation email and calendar invite.
Class-based booking
Yoga studios, group classes, workshops. Limited seats per slot, waitlists, recurring weekly schedules.
Resource booking
Salon chairs, photo studios, meeting rooms. Multiple resources, bookable independently.
Restaurant or appointment booking
Tables, doctors, mechanics. Confirmations + reminders + cancellations.
02 / The build
From a sentence to a deployed app.
5 ordered steps. No config files, no devops, no SQL migrations to write by hand.
- 01
Describe the booking flow you want
Prompt Webtwizz with the specifics: "A booking app for my dog-grooming business. 30-min and 60-min slots, Tuesday–Saturday 9am–5pm, $40 and $70 payments at checkout, email reminders 24h before."
- 02
Connect Supabase for bookings + availability
Webtwizz creates tables for services, time slots, bookings, and customers. Availability rules (working hours, blackout dates, slot duration) are stored in the database so you can edit them later from a settings page.
- 03
Connect Stripe for payment at booking
One-click Stripe connection. Customers pay when they book — Webtwizz handles the checkout flow, holds the slot during payment, and confirms the booking only after the charge succeeds.
- 04
Connect Resend for confirmations + reminders
Webtwizz wires up the email templates: booking confirmation with a calendar invite (.ics file), 24-hour reminder, cancellation receipt. Edit the copy visually, the schedule is handled by a Supabase Edge Function cron.
- 05
Customize the booking page and ship
The customer-facing booking page is a real Next.js route. Edit the hero, photos, services, and pricing visually. Point your domain at it, hit publish — book.yourdomain.com is live.
03 / Why it works
The parts other AI builders skip.
Anyone can scaffold a CRUD app. The reason these projects ship is the integration plumbing other builders leave for you.
Real calendar with conflict detection
Slots are reserved at the database level — two customers can’t book the same time even if they hit "Book" simultaneously.
Pay-at-booking by default
No-shows go way down when customers pay upfront. Webtwizz scaffolds Stripe checkout + refund flow.
Automated reminders that actually send
Cron-triggered Edge Function fires the reminder email 24 hours before. Reduces no-shows further.
No per-booking fees
You pay for hosting and Stripe fees. No "Calendly + scheduling tool + payment + email tool" stack.
04 / The stack
Wired up. One click each.
Supabase, Stripe, the email layer, the analytics layer. OAuth, env vars, webhooks, scaffolded routes, all generated correctly the first time.
Supabase
Bookings, services, availability rules, customer history.
Stripe
Pay-at-booking checkout, refund on cancellation.
Resend
Confirmation emails with .ics calendar invites, reminders, cancellation receipts.
05 / Questions
The honest answers.
The questions founders actually ask before they commit to a stack.
How is this different from Calendly + Stripe?
Calendly is great if your booking flow is "free 30-min meeting." The moment you need payments, multiple service types, custom availability, branded confirmations, or a real customer database — you’re duct-taping 4 tools together. Webtwizz gives you one app you own.
Will Stripe work for booking deposits and full payments?
Yes. Webtwizz scaffolds both — full payment at booking (default) and deposit + remainder-on-arrival flows. Refunds on cancellation are also wired in.
Can I add multiple services with different prices and durations?
Yes. Services are a database table with name, duration, price, color. Add as many as you want from a settings page; the customer-facing picker updates automatically.
What about timezones?
Webtwizz stores all times in UTC and renders in the customer’s local timezone. Calendar invites (.ics) include the right timezone so calendar apps display correctly.
Can I integrate with Google Calendar?
Yes — Webtwizz can scaffold a Google Calendar two-way sync via OAuth. The booking confirmation also includes an .ics attachment that works with any calendar app, no integration needed.
Build it visually. Ship it today.
Webtwizz is the AI app builder that lets you edit AI-generated code visually, and ship full-stack apps with auth, databases, and payments.
120 free credits · No credit card required