Дымзавод home: сайт ресторана на Next.js и Payload CMS

Клиент и задача

«Дымзавод home» — лаундж-ресторан с сайтом home.dymzavod.ru. Нужен был сайт, где контентом управляют сами сотрудники, а бронь стола сразу попадает в рабочую систему ресторана и учитывается в сквозной аналитике. Проект отдельный от сайта сети dymzavod.ru.

Что сделано

Страницы из блоков в Payload CMS: hero, меню со слайдерами, вкладки меню, VIP-комнаты, веранда «день/ночь», «приведи друга», контакты с графиком работы.
Меню как отдельная коллекция: картинки или PDF, открывается в модальном слайдере; отдельные изображения для ПК и мобильных.
Страница дымниц /specialmenu с каталогом, прайсом и SEO-текстом.
Полноэкранная модальная форма брони: имя, телефон, дата, время, гости, зал.
Глобалы: шапка, футер, контакты, тексты бронирования; роли администратора и редактора, версионирование.
WebGL-линии (ogl) и анимации GSAP в блоках.

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

Монолит: Next.js 16, React 19, TypeScript, Payload CMS 3, PostgreSQL, Tailwind 4. Страницы кэшируются через ISR и сбрасываются по тегам из хуков Payload, поэтому правка в админке видна на сайте без пересборки. Деплой: PM2 и скрипт (pull, install, миграции, build, reload). Тесты: Vitest (26 файлов), Playwright e2e (4 файла). Формы защищены origin guard, rate limit, honeypot, таймаутами и идемпотентностью.

Интеграции

Remarked: бронь отправляется серверным вызовом API (метод CreateReserve), а не виджетом; в комментарий пишутся зал и метка согласия на обработку данных.
Roistat: клиентский счётчик с call-tracking, загрузка после согласия на cookies; лиды «Бронь» и «Приведи друга» отправляются с сервера вместе с источником визита.
Яндекс.Метрика: вебвизор, карта кликов, page view при клиентской навигации.
Calltouch: подключается (готовится подключение).
SEO: sitemap, robots, Open Graph, JSON-LD schema.org/Restaurant из данных CMS.