Vite SSG: статическая генерация для Vue 3

Vite SSG — ключевая технология сборки GitHub CMS: она превращает Vue-приложение в набор статических HTML-страниц, которые мгновенно загружаются и хорошо индексируются поисковиками. Ниже — краткий ответ и ключевые причины, почему этот подход выбран для контентных сайтов.

Vite SSG (Static Site Generation) — это плагин для Vite, который превращает Vue 3 приложение в набор статических HTML-страниц на этапе сборки. В отличие от SPA, где контент рендерится в браузере, SSG отдаёт готовый HTML — мгновенная загрузка и идеальное SEO.

Почему Vite SSG

  • Скорость сборки. Vite использует esbuild для трансформации и Rollup для бандлинга. Сборка 500+ страниц занимает менее 120 секунд.
  • Автоматический code-splitting. Каждая страница получает только нужный ей JavaScript.
  • Lighthouse 100/100. Статический HTML + минимальный JS + правильные мета-теги = максимальные баллы.
  • Горячая замена модулей (HMR). В dev-режиме изменения в Markdown-файлах применяются мгновенно без перезагрузки.

FAQ

Попробуйте сами

GitHub CMS использует Vite SSG из коробки. Клонируйте репозиторий, запустите npm run dev и убедитесь в скорости сборки на своих данных.