SSG (Static Site Generation)

Què és la generació de llocs estàtics?

La generació de llocs estàtics construeix cada pàgina en HTML acabat en el moment del build, abans que ningú la visiti. Quan arriba una petició, el servidor lliura un fitxer ja construït. No hi ha renderitzat sota demanda, ni consulta de base de dades a la ruta de la petició, res a computar. La pàgina simplement es serveix, normalment directa des d'un CDN a la vora de la xarxa.

Això converteix el SSG en la manera més ràpida i barata de servir contingut que no canvia per petició. Difereix del renderitzat en servidor, que construeix cada pàgina fresca a cada visita, i del renderitzat en client, que assembla la pàgina al navegador. El compromís és la frescor. Si el contingut canvia, el lloc s'ha de reconstruir, encara que les eines modernes suavitzen això amb builds incrementals i revalidació sota demanda que reconstrueixen només les pàgines que han canviat. Un lloc de documentació o un blog de màrqueting amb milers d'articles és el cas ideal: genera-ho tot un cop, serveix-ho des de la vora, reconstrueix només quan una pàgina s'edita.

Eines com Next.js, Astro, Hugo i Eleventy generen llocs estàtics, sovint estirant el contingut d'un CMS headless en el moment del build perquè els editors segueixin tenint una interfície amable.

SSG a Dallonses

Optem per la generació estàtica sempre que el contingut es pot construir per endavant, perquè res no guanya un fitxer pre-renderitzat en un CDN en velocitat, cost i resiliència. No hi ha servidor que caigui sota el trànsit ni consulta de base de dades que alenteixi el primer pintat. Per a llocs amb molt contingut, aquesta sola decisió sovint resol la queixa de rendiment amb què va arribar un client. És una eina de base en la nostra feina de desenvolupament web.

La part difícil és mantenir un lloc estàtic al dia sense reconstruir el món a cada edició. Connectem revalidació incremental i sota demanda perquè un canvi de contingut republiqui només les pàgines afectades en segons. Després el nostre QA de rendiment i SEO verifica que el resultat generat de debò posiciona i carrega com cal, en dispositius reals i connexions reals, no només en un registre de build.

Tens un lloc amb molt contingut que necessita ser ràpid i trobable? La generació estàtica pot ser la resposta.

Parlem del teu lloc