Про проєкт

Lavka — маркетплейс ручної роботи, зроблений як портфоліо

Це не магазин, а демонстрація: повноцінний маркетплейс із покупцями, майстрами та адміністратором, реальною базою даних, чатом у реальному часі й трьома мовами. Усе, що ви бачите, можна натиснути й спробувати — покупки не справжні.

майстерень

виробів

відгуків

регіонів

Що тут є

Дванадцять речей, які варто спробувати

Кожна картка веде на живу сторінку. Для кабінету майстра й адмінки знадобиться швидкий вхід — він унизу.

Каталог і фільтри

Пошук, категорії, матеріали, регіони, ціна, наявність — усе в URL, можна ділитися посиланням.

Спробувати

Пошук за кольором

Палітра кожного виробу визначається з фото на сервері; фільтр і «схожі за кольором» працюють на ній.

Спробувати

Підбір подарунка

Чотири відповіді → ранжування всього каталогу з поясненням, чому річ пасує.

Спробувати

Карта майстрів

Інтерактивна SVG-карта України без бібліотек: регіони, кількість лавок, фільтр списку.

Спробувати

Відгуки та рейтинги

Один відгук на покупця, позначка «покупець Lavka», розподіл оцінок, рейтинг у картках і в JSON-LD.

Спробувати

Чат у реальному часі

Покупець ↔ майстер через Supabase Realtime: миттєва доставка, непрочитані, позначки прочитання.

Спробувати

Кабінет майстра й аналітика

Товари з фото, залишки, замовлення зі статусами, графіки переглядів і виручки на власних SVG.

Спробувати

Адмін-панель

Статистика площадки, модерація товарів і лавок, керування ролями через service role.

Спробувати

Хто дивиться зараз

Лічильник глядачів на сторінці товару через Realtime Presence — відкрийте в двох вкладках.

Спробувати

Командна палітра

Ctrl+K або ⌘K на будь-якій розкладці: швидкий пошук виробів, майстрів і категорій.

Спробувати

Темна тема

Перемикання без мерехтіння: ті самі дизайн-токени, перевизначені під темний режим.

Спробувати

Три мови

Українська, англійська та російська: словники, відмінювання, дати, помилки сервера й метадані.

Спробувати

Як влаштовано

Одні екрани — два джерела даних

Сторінки ходять до даних лише через інтерфейси репозиторіїв. Є реалізація на Supabase (Postgres із RLS, Auth, Storage, Realtime) і in-memory для демо — тому той самий код працює і з базою, і без ключів.

Next.js 16
React 19
TypeScript
Tailwind CSS v4
Supabase
Postgres + RLS
Realtime
Zustand
Zod
Vitest
Vercel
sharp

Спробувати самому

Увійдіть як покупець, майстер або адміністратор

Акаунти спільні для всіх відвідувачів, пароль однаковий. Що б ви не зробили, це демо: дані можна вільно змінювати.

Оплата — демонстраційна (будь-які цифри картки), листи не надсилаються, доставка не викликається. Контент виробів не перекладається — його пишуть майстри.

Швидкий вхід у демо

Один клік — і ви всередині. Жодних реєстрацій: акаунти спільні для всіх відвідувачів.