Astro

Astro és un framework web de codi obert basat en una idea senzilla: una pàgina és HTML fins que algun element ha de ser interactiu. Els components es renderitzen al servidor durant la compilació i el navegador només rep el JavaScript dels components que el necessiten, seguint el patró d’illes.

Aquest enfocament encaixa especialment bé amb llocs centrats en contingut. Les pàgines carreguen ràpid fins i tot en dispositius i connexions modestes, sense enviar al navegador un entorn d’aplicació complet per mostrar contingut estàtic.

Astro també permet reutilitzar components de React, Vue o Svelte i hidratar-los de manera independent. Així, un equip pot conservar la seva biblioteca de components sense renunciar a una base HTML ràpida.

Les col·leccions de contingut validen cada entrada amb un esquema durant la compilació. Els camps absents o les dates incorrectes fan fallar el build abans d’arribar a producció.

Què obtenim en un projecte habitual:

• Sortida estàtica desplegable en una CDN o renderització al servidor només per a les rutes que realment ho necessiten.
• Contingut validat amb esquemes perquè els errors editorials apareguin a CI i no a la pàgina.
• Control per pàgina del JavaScript que arriba al navegador, amb millors Core Web Vitals des de l’arquitectura.
• Optimització d’imatges, mapes del lloc, RSS, redireccions i autoria amb Markdown o MDX integrats.
• Un model de components proper a HTML i CSS que facilita el manteniment i el traspàs al client.

Astro no és l’opció adequada per a tot. Un tauler de control, un espai autenticat o una interfície on gairebé tota la pantalla depèn de l’estat acostuma a encaixar millor amb React o Angular. La integració amb un CMS també s’ha de valorar des del principi.

Quan el projecte combina un lloc públic ràpid amb una àrea privada petita, definim aquesta frontera de manera explícita perquè cada part utilitzi l’eina adequada.