image image
Многостраничный сайт медицинского университета «РЕАВИЗ» на 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/