- Supabase
- Postgres-бэкенд и авторизация
- Адаптивный
- Mobile-first, двуязычный (EN/AR)
- Запись
- Живой выбор свободных слотов
Технологии
- JavaScript
- Supabase
- PostgreSQL
- HTML / CSS
- Static hosting
Задача
Частному репетитору нужно было профессиональное присутствие в сети, которое также позволяет будущим ученикам записываться на занятия — без оплаты и поддержки собственного сервера.
Подход
Я сделал адаптивный сайт (услуги, цены, отзывы, контакты) с живой записью на занятия, подключённой к Supabase (PostgreSQL). Фронтенд обращается к Supabase напрямую по заданной SQL-схеме, поэтому отдельный бэкенд не нужен — заявки попадают прямо в базу данных, а весь сайт разворачивается как статический хостинг. Сайт двуязычный (английский / арабский) со светлой и тёмной темами.
Результаты
Аккуратный сайт с мобильной вёрсткой, превращающий посетителей в заявки на занятия, с настоящим Postgres-бэкендом и документированным деплоем в один шаг — и полностью без обслуживания сервера.
Инженерные решения
- Адаптивный сайт репетитора с услугами, ценами, отзывами и живой записью на занятия.
- Бэкенд на Supabase (PostgreSQL) с заданной SQL-схемой для бронирований.
- Двуязычный (английский / арабский) со светлой и тёмной темами.
- Без собственного бэкенда — статический фронтенд обращается напрямую к Supabase; документированный деплой в один шаг.
Скриншоты и схемы
Реальные снимки интерфейса и графики — исходный код закрыт, бренды клиентов не показаны.
Подробный разбор
Целью дизайна был стек без обслуживания: статический адаптивный фронтенд, который обращается напрямую к Supabase за данными и авторизацией, с небольшой, чётко заданной SQL-схемой для записи на занятия. Это сохраняет хостинг бесплатным и простым и при этом даёт клиенту настоящую реляционную базу данных (Postgres) за бронированиями — без сервера, который нужно обновлять, отслеживать или оплачивать.