Обзор на Astro JS: опыт боевого проекта на 500+ тысяч страниц

Вот важная новость с фронта ИИ: evilAleksandr 16 минут назад Обзор на Astro JS: опыт боевого проекта на 500+ тысяч страниц Простой 10 мин 903 JavaScript * Обзор Привет! В этой статье я - Антон Резников, Fullstack разработчик и Lead проекта из evilUnion, расскажу, как мы отказались от знакомого всем Next JS, не пожалели об этом и запустили один из самых крупных наших проектов на очень перспективном фреймворке - Astro JS. В этой статье мы посмотрим, что из себя представляет Astro, чем он выделяется среди других метафреймворков, изучим его особенности, а далее на реальном примере пройдем весь путь построения мультиязычного сайта на 500+ тыс.

Поехали 🚀Что это такое AstroJS? AstroJS - мета-фреймворк для построения web-приложений. Его одноклассники - NextJS и NuxtJS, которых я еще упомяну позже.

Технические детали

Киллер-фичиВот какие приятные особенности ждут разработчиков, которые используют Astro:Никакого JavaScript на клиенте по умолчанию. При запуске сайта без дополнительных настроек в браузере вообще не будет JavaScript, это гарантирует максимальную производительность и скорость загрузки сайта. А если JavaScript все-таки нужен, его доставку на клиент можно гибко настраивать и быть уверенным, что клиент получит только самый необходимый код только тогда, когда это действительно нужно.

Островная архитектура. В документации это называется Astro Island. Здесь имеется в виду механизм, благодаря которому UI состоит из независимых блоков, каждый из которых внутри себя может использовать разные JavaScript UI фреймворки - React, Vue, Svelte.

Эти острова одновременно могут иметь разные стратегии получения JS кода на клиент и шерить между собой состояния. Контроль стратегии рендера. Astro дает возможность выбора - Static Site Generation или Server Side Rendering.

Отраслевые последствия

Серверные страницы можно пререндерить на сервере или генерировать их по запросу. А статичные страницы могут содержать SSR страницы как nested routes. В Astro нам доступныроутинг через файловую систему;API роуты; middleware;поддержка typescript;возможность деплоя на собственном сервере через node jsдеплой на cloudflare, netlify, vercel из коробкиоптимизация картинокЭтот список возможностей далеко не полный, я упомянул малую часть, чтобы сформировать представление об этом инструменте.

На полный разбор нужна отдельная статья, пишите в комментариях, если интересно увидеть такую. Отдельно стоит отметить, что Astro дает доступ к использованию современных браузерных API - таких как View Transition API, prefetch вместе с Speculation Rules API. Что говорит коммьюнити о Astro jsНедавно вышел State of JS 2025 - ежегодный опрос разработчиков, который отслеживает тренды в JS-экосистеме.

И Astro там выглядит очень уверенно. В общем Tier List по всем библиотекам Astro попал в высшую категорию - S-tier, с показателем удовлетворённости (satisfaction) 94%. В S-tier в этом году вообще попало всего 6 инструментов: Vite (98%), Vitest (97%), Hono (95%), Playwright (94%), Astro (94%) и Bun (91%).

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.