Introducció

Astro és un generador de llocs web estàtics moderns que ha revolucionat la manera com hi pensem en el desenvolupament d’aplicacions web. A diferència dels frameworks tradicionals que envien JavaScript al client, Astro adopta un enfocament de “zero JavaScript per defecte”.

Per què Astro?

El web s’ha fet cada vegada més complex. Les pàgines es carreguen amb bundles de JavaScript que alenteixen el renderitzat inicial i augmenten l’ús d’ample de banda. Astro ho resol així:

  • Enviant zero JavaScript per defecte
  • Utilitzant l’arquitectura d’illes per a components interactivs
  • Suportant múltiples frameworks (React, Vue, Svelte, etc.)
  • Oferint temps de compilació ràpids i un rendiment excel·lent

Començar

Per iniciar un nou projecte d’Astro, executa:

npm create astro@latest my-project
cd my-project
npm run dev

Això crea un nou projecte amb un servidor de desenvolupament en execució a localhost:3000.

L’arquitectura d’illes

L’arquitectura d’illes d’Astro et permet barrejar contingut estàtic amb components interactius. Cadascun component interactiu (illa) és autònom i només carrega el JavaScript que necessita.

Conclusió

Astro representa un canvi de paradigma en el desenvolupament web. En prioritzar el contingut i minimitzar el JavaScript, ofereix un rendiment excel·lent llest per usar.