Этот сайт — живой пример предмета статьи: курс-платформа, собранная из markdown, переезжает с React SPA на Astro со статическим экспортом.
Почему статика
- SEO. Контент-страницы отдаются как готовый HTML — поисковики видят текст сразу, без рантайма.
- Скорость. Нет JS-бандла на старте: HTML + CSS, JS гидрируется только там, где нужен интерактив.
- Дешевизна. Статика живёт в Object Storage, сервер не нужен.
Что переезжает, а что остаётся интерактивом
Интерактивные компоненты — квизы, диаграммы и песочницы кода — никуда не деваются. Они становятся островами: ниже два примера прямо в статье.
Квиз прямо в статье
1. Что происходит с HTML до гидрации острова client:load?
2. Что делает директива client:only в Astro?
Диаграмма прямо в статье
Итог
Контент — markdown в git; интерактив — islands; деплой — статика в бакет. Больше контента, меньше JavaScript.