Instead of heavy interactive apps, Astro is designed to target content-based websites. Astro is a really great option for that, as much as we want to publish some content.
It's a kind of server-first, it privileges server-side rendering over client-side rendering as much as possible.
Astro was created for creating webpages with lots of content. This covers the majority of e-commerce sites, blogs, publishing sites, documentation sites, and blogs.
We need to know something crucial before beginning our review. The distinction between a web application and a website;
Having said this, you should be aware that Astro might not be the ideal option for your project if you're trying to build a web application.
For your web application-focused project, exploring over Next.js framework as an option would be more appropriate in your situation.
Astro team made sure we can utilize any favorite UI component language that we already are familiar with. Frameworks such as Svelte, React, Vue, Lit, Solid, etc. are compatible for creating new UI components in Astro projects.
All web developers should be able to use Astro, this is what the team behind Astro had in ming. Regardless your previous web development expertise or skill level, Astro is built with an easy to use approach.
The concept of partial hydration allows developers to determine what aspects are loaded and when, in order to provide fast interactivity. This is done by being able to put some client-side JS only where it is needed using something referred as "island architecture".
The guiding principle of Astro is to build Islands of Interactivity that the browser can hydrate on its own. Astro Island is the solution.
The Islands' design incorporates principles from several rendering approaches, including server-side rendering, static site generation, and partial hydration.
The following are some of the major advantages of integrating islands:
Fast startup is crucial for many websites, for many sites and apps with little interactivity, a client-rendered framework like Angular is overkill.
This generation of MPAs is distinct from earlier generations. Astro has a component-based approach employing the island's architecture.
SSR is an abbreviation for Server-Side Rendering, which is a rendering approach that turns our application into HTML on the server.
Unlike typical SPAs that utilize CSR (client side rendering) to display their content, SSR provides a faster "time-to-content" and is better for SEO.
There are a lot of frameworks that are already implementing the principe of SSR, like Next.js, and Gatsby. Astro has a different approach to the implementation, according to their documentation it’s created to operate on a server.
const dateCreation = 2010;
border: 1px solid #BBB;
<img width="60" height="80" src="<https://assets.website-files.com/6029242da9cc79f23dc41aeb/602d5b26c08ffe20eaf4a740_Adservio-Icon-Big.svg>" alt="Astro logo">
A lot of specialists in the field believe that Astro may probably completely change how websites are built.