Skip to main content
Every template is a complete, production-grade booking website built on the Storefront API and the typed TypeScript SDK. MIT-licensed — clone it, rebrand it, ship it for yourself or your clients.

​
How it works

1

Clone a template

Each template is a standalone Next.js repository on GitHub.
2

Connect your store

Create a store in the Opencals dashboard and set your Storefront API key in the env vars. See Authentication.
3

Deploy

One-click deploy to Vercel, or anywhere Next.js runs. Bookings, checkout, and payments work out of the box.

​
Templates

1780825572505-Frame

Haar — salon booking template

A free beauty-salon booking website: services, staff and multi-location booking, customer accounts, and Stripe checkout. Next.js 15 + TypeScript.Live demo ↗ · GitHub ↗
homepage-hero

Frisor — barbershop booking template

A free barbershop booking website: services and variants, barber and multi-location booking, add-ons at checkout, customer accounts, and Stripe checkout. Dark editorial design — Next.js 15 + TypeScript.Live demo ↗ · GitHub ↗
More templates are on the way — spa, fitness, and tattoo studio are next. Want one prioritized? Tell us.

​
Quick start

git clone https://github.com/letsopencals/template-haar.git
cd template-haar
npm install

npm install @opencals/storefront-sdk
Build something custom instead? Start from the booking page tutorial.
Last modified on June 16, 2026