97,6% веб-сайтов по всему миру используют JavaScript. Как бы замечательно это ни было, веб-сайты, которые в значительной степени полагаются на JS, имеют высокие показатели времени взаимодействия (TTI), что приводит к замедлению загрузки страниц и производительности. Так что же нам делать, жертвовать сложными функциями, которые делают наши веб-страницы более привлекательными и интерактивными, или игнорировать TTI? К счастью, Astro JS приходит нам на помощь.
Что такое Astro JS❓
Что ж, Astro JS — это недавно разработанный многостраничный веб-фреймворк «все в одном», ориентированный на быстрые веб-сайты, ориентированные на контент. Он может похвастаться нулевым JavaScript для статических веб-сайтов и отправляет JavaScript только при необходимости.
Если вы новичок в этой концепции, у вас может возникнуть вопрос "что это за колдовство"
Для достижения этой цели Astro использует островки компонентов. Это отход от обычной архитектуры интерфейса. Он извлекает пользовательский интерфейс на более мелкие изолированные компоненты. Любой неиспользуемый JS заменяется HTML, что делает его статичным и легким. Это основано на концепции, известной как частичная гидратация.
Он отлично работает для статического вывода или вывода на сервер, требуемого по запросу, и хорошо работает с файловой системой, CMS, такой как Storyblok, а также с базами данных и API.
Впечатляющей особенностью Astro является то, что он легко интегрируется с интерфейсными фреймворками, такими как alpine JS, Lit, Preact, React, Solid JS, svelte и Vue JS.
И, как будто этого было недостаточно, он готов к работе с периферией и, следовательно, может быть интегрирован с адаптерами SSR(), такими как Cloudflare, Vercel, Node JS, Deno и Netlify (я надеюсь, что скоро Bun JS вступит в действие) .
Основные характеристики ⚙️
Компонентные острова
Серверный API
Нулевой JavaScript
Край готов
Широкие возможности настройки
UI-агностик (это означает, что он совместим со многими фреймворками пользовательского интерфейса)
Astro обещает стать универсальной веб-платформой. Это становится все более клише с веб-фреймворками, и я, честно говоря, уже сыт по горло, однако я думаю, что Astro действительно может быть реальной сделкой, и, надеюсь, мои надежды не будут разрушены.
Спасибо за чтение.
Начать работу с Astro очень просто: просто запустите npm create astro@latest в своем терминале, чтобы начать. Вы можете следовать этому руководству, чтобы создать простой проект https://www.youtube.com/watch?v=-5UPq7Lv9Sc.
Репозиторий Astro GitHub https://github.com/withastro/docs
