97.6% of internet sites world wide use JavaScript. As nice as this can be, web sites that closely depend on JS have excessive Time to work together scores (TTI) inflicting slower web page masses and efficiency. So what can we do, sacrifice the advanced options that make our internet pages nicer and extra interactive, or flip a deaf ear to TTI? Fortunately Astro JS involves our rescue.
Nicely, Astro JS is a newly developed multipage, all-in-one internet framework that focuses on quick content-driven web sites. It boasts of 0 JavaScript for static web sites and solely ships JavaScript when crucial.
When you’re new to this idea, the query in your thoughts is perhaps “what is that this sorcery”
To realize this feat, Astro makes use of part islands. This can be a shift from the common front-end structure. It extracts the UI into smaller remoted elements. Any unused JS is changed with HTML making it static and light-weight. That is based mostly on an idea often called partial hydration
It really works nice for static output or server output required on demand and works effectively with a filesystem, CMS like Storyblok in addition to databases and APIs
A powerful function of Astro is that it integrates simply with front-end frameworks like alpine JS, Lit, Preact, React, Stable JS, svelte and Vue JS
And as if this wasn’t sufficient, it’s made edge prepared and therefore could be built-in with SSR() adapters like Cloudflare, Vercel, Node JS, Deno, and Netlify ( I hope to see Bun JS getting in on the motion quickly).
Part Islands
Server-first API
Zero JavaScript
Edge prepared
Extremely customizable
UI- agnostic (that means it’s interoperable with plenty of UI frameworks)
Astro guarantees to be an all-in-one internet framework. That is changing into extra of a cliché with internet frameworks and I’m actually getting fed up nevertheless, I believe Astro would possibly truly be the true deal and hopefully, my hopes is not going to be shattered.
Thanks for studying.
Getting began with Astro is easy simply run npm create [email protected] in your terminal to get began. You’ll be able to comply with this tutorial to construct a easy venture https://www.youtube.com/watch?v=-5UPq7Lv9Sc
Astro GitHub repository https://github.com/withastro/docs
