Многостраничный сайт медицинского университета «РЕАВИЗ» на React + Vite с экспортом в статический HTML под Bitrix
Разработка корпоративного сайта медицинского университета «РЕАВИЗ». Проект построен по гибридной архитектуре: фронтенд разрабатывается на современном стеке React 18 + TypeScript + Vite + SCSS, а на выходе собирается в набор статических HTML-страниц с единым JS-бандлом — для дальнейшей интеграции с CMS 1С-Битрикс.
Реализованный функционал (более 15 страниц):
Архитектура и технологии:
Структура по принципам Feature-Sliced Design (pages, widgets, shared)
БЭМ-методология в стилях (для удобной интеграции с Bitrix, без CSS-модулей)
Vite как сборщик с настройкой multi-entry для MPA
SSG-скрипт для генерации статики (scripts/ssg.mjs)Swiper.js для слайдеров и каруселей
Input mask для форм (телефоны, документы)
Анализатор бандла (rollup-plugin-visualizer)
Husky для pre-commit хуков
Кастомные алиасы путей (@/...)
Адаптивная вёрстка, кроссбраузерность (browserslist + autoprefixer)
Особенность проекта: Каждая страница на выходе — самостоятельный .html-файл с подключёнными общими main.css и main.js. Это позволяет бэкенд-разработчикам Bitrix брать готовые куски разметки и встраивать их в шаблоны и компоненты CMS, сохраняя при этом клиентскую интерактивность React (формы, слайдеры, модалки, карты).
Стек: React 18, TypeScript, Vite 5, SCSS/Sass, Swiper, Yandex Maps 3, БЭМ, Bitrix.
https://tstbitr.reaviz.ru/