| Клиент | Собственный концепт-проект |
| Тип | Одностраничный лендинг · Ресторан |
| Языки | UA + EN |
| Стек | Next.js · React · TypeScript · Vercel · Кастомная сборка |
| Live | с Июнь 2026 |
| Адрес | steakhouse-one.vercel.app |
VATRA — вымышленный премиальный стейкхаус, который я спроектировал и собрал как рабочий концепт-лендинг, а не макет. Цель: единый публичный артефакт, доказывающий, что кастомный фронтенд-стек (Next.js, React, TypeScript) способен дать отшлифованный сайт ресторана высокого уровня с двуязычным контентом, SEO на уровне кода и реальным сценарием бронирования, задеплоенный на современном CI/CD-конвейере.
Задача
Спроектировать одностраничный сайт, передающий атмосферу премиальной кухни на огне и ведущий посетителя к бронированию стола. Он должен был ощущаться редакционным и дорогим, работать на двух языках, оставаться быстрым и работать на продакшн-инфраструктуре — не статичный прототип.
Мой подход
- Собрал кастомный одностраничный сайт с нуля на Next.js (React + TypeScript, App Router) — без шаблона и конструктора страниц.
- Разработал тёмную «огненную» эстетику с единым визуальным стилем и премиальной типографикой по всем секциям: hero, философия, отрубы вызревания, меню, атмосфера, доставка и кейтеринг, бронирование.
- Сделал сайт двуязычным (UA/EN) с переключателем языков, охватывающим все строки интерфейса и контента.
- Добавил форму бронирования, сетку меню с ценами, галерею атмосферы и блок доставки/кейтеринга — полную коммерческую структуру ресторанного лендинга.
- Задеплоил через GitHub → Vercel (CI/CD, авто-HTTPS, CDN), с SEO-метой на уровне кода.
Результат
Отшлифованный, полностью адаптивный двуязычный лендинг, ведущий посетителя от первого впечатления до заявки на бронирование. Построенный на современном фронтенд-стеке и задеплоенный на продакшн-инфраструктуре, он одновременно служит доказательством, что студия работает за пределами WordPress — включая кастомные сайты на React/Next.js.
Известные компромиссы
VATRA — концепт-проект: форма бронирования и сценарии доставки являются фронтенд-демо, не подключены к реальному бэкенду ресторана или платёжной системе. Бренд и контент вымышлены. Каждое ограничение — осознанный выбор объёма для портфолио-демо, названный прямо, а не замаскированный.
Стек
Next.js · React · TypeScript · App Router · Vercel (CI/CD) · Кастомная сборка (без UI-кита фреймворка) · SEO на уровне кода
