Многостраничный корпоративный сайт-каталог Загородного отель «Васильевский»
Разработана фронтенд часть многостраничного сайта отеля с десятками разделов и динамическими страницами
Стек технологий
Next.js 16 (App Router, RSC, generateMetadata, ISR)
React 19 + React Compiler (babel-plugin-react-compiler)
TypeScript 5
Bitrix24 REST API как headless-CMS (источник всего контента и SEO)
Zod — валидация и парсинг ответов API
Swiper 12 — все слайдеры (hero, номера, отзывы, акции, новости, события)
Yandex Maps 3.0 (@yandex/ymaps3) — интерактивная карта на странице контактов
Архитектура — Feature-Sliced Design (FSD)
Особенности и сложности
Полностью серверный рендеринг данных из Bitrix (Server Components + RSC): SEO-метаданные, контент страниц и слайдеров приходят на этапе SSR.
Адаптивные хедеры: четыре отдельные реализации — Desktop / Laptop / Tablet / Mobile.
Динамические маршруты с генерацией метаданных под каждую сущность (новости, события, акции, номера, SPA, досуг).
Типобезопасные API-клиенты: каждый эндпоинт Bitrix описан схемой Zod и собственным маппером.
Оптимизация изображений через next/image с настроенными device sizes под ретину и мобильные.
Результат
Быстрый, SEO-готовый, легко расширяемый сайт с чистой архитектурой — новые разделы добавляются по шаблону за часы, а не за дни. Редакторы наполняют сайт через привычный Bitrix, фронтенд автоматически подхватывает новые данные.
https://hotel-vasilevsky.ru