← Все проекты

Кейс · Сайт

Каталог демо-лендингов под 10 ниш

Vue-каталог из десяти самостоятельных лендингов под разные ниши малого бизнеса: у каждого своя палитра, шрифты и структура секций. Каждый лендинг загружается отдельным чанком; весь контент демонстрационный.

  • Vue 3
  • Vue Router 4
  • Vite 8
  • GitHub Actions

01 · Как выглядит

Скриншоты

Скриншот проекта «Каталог демо-лендингов под 10 ниш» на экране 1280 пикселей
Десктоп, 1280 px
Скриншот проекта «Каталог демо-лендингов под 10 ниш» на экране телефона, 390 пикселей
Телефон, 390 px

02 · О проекте

Что это и зачем

Vue-каталог из десяти самостоятельных лендингов под разные ниши малого бизнеса: у каждого своя палитра, шрифты и структура секций. Каждый лендинг загружается отдельным чанком; весь контент демонстрационный.

Ограничения

Рейтинги, число отзывов, имена, «результаты» и названия компаний на лендингах придуманы.

Только фронтенд: нет обработчиков форм и бэкенда.

Выделена одна папка из более крупного репозитория; данных и кода сторонней CRM в копии нет.

Что внутри

  • 10 ниш: медицина, мебель, ремонт, онлайн-школа, глэмпинг, юристы, автосервис, салон красоты, кафе, фитнес
  • Код-сплиттинг по маршрутам, общий набор SVG-иконок
  • Плашка «Демо-контент» на каталоге и каждом лендинге

03 · Как запустить

Запуск одной командой

npm install && npm run dev
# статика: npm run build, нужен rewrite всех путей на index.html

04 · Код

Репозиторий приватный

Исходники лежат в приватном репозитории. Открою доступ по запросу: напишите, и пришлю приглашение.

Запросить код