Веб-програми

Haarmonie — Демо-версія перукарні

Name: Kobiakov.dev
Price range: €€

Веб-сайт демонстраційного салону з записом на прийом у реальному часі (Upstash Redis), чатом Gemini AI і повною відповідністю DSGVO.

Хронологія

2026

Роль

Провідний інженер

Вплив на бізнес/рентабельність інвестицій

Reusable booking product — sellable to any local business

проблема

Місцеві салони все ще приймають більшість бронювань по телефону — це означає пропущені дзвінки під час скорочень, відсутність бронювань у неробочий час і години, втрачені на телефон щотижня. Клієнти все частіше очікують бронювати онлайн за лічені секунди, як і все інше.

Виклик

Створіть веб-сайт салону з реальною робочою системою запису на прийом, а не просто контактною формою. Він мав показувати справжню доступність, блокувати зайняті слоти, щойно хтось бронює (без подвійних бронювань), працювати на мобільному пристрої та залишатися повністю сумісним із DSGVO для німецького ринку.

Рішення

Сайт Next.js 15 із модулем бронювання, керованим конфігурацією: доступність слотів у реальному часі за підтримки Upstash Redis, покроковий процес бронювання 3 із додатковим вибором стиліста та миттєве підтвердження електронною поштою із записом календаря, який можна завантажити. Прийомний чат на базі Gemini відповідає на поширені запитання, шлюз згоди захищає все від DSGVO — і весь модуль переобладнає для будь-яких зустрічей.

Технічні особливості

Блокування слотів у режимі реального часу через Upstash Redis — використаний час зникає миттєво, без подвійних бронювань

Чат на стійці реєстрації AI (Google Gemini) відповідає на запитання про ціни, години роботи та бронювання 24/7

Підтвердження електронною поштою із записом календаря .ics, який можна завантажити для кожного бронювання

Сумісність із DSGVO: шлюз згоди, захист від спаму та маршрути API з обмеженням швидкості

Архітектура, керована конфігураціями — можна змінити скіни для будь-якого бізнесу приблизно за день

100/100 Lighthouse, повністю адаптивний, EN + DE

Архітектура системи

Next.js 15 (App Router)

TypeScript

Tailwind CSS 4

Framer Motion

next-intl

Upstash Redis (booking slots)

Google Gemini (AI reception)

Resend

Vercel

Основні технології

Next.js 15TypeScriptTailwind CSSUpstash RedisGemini AI

Жива система

Вихідний код

Aimash / Hermes — керування Google Ads через Telegram

Переглянути проєкт

Марія Бреславська — Wix → Edge Migration