Wat is een Static Site Generator?
Een Statische Website Generator is dus een programma die de bronbestanden omzet naar webpagina's. Een SSG is doorgaans onderdeel van een JAMstack (Javascript /API's / Markup, of wel HTML) ontwikkelmethode. Voor verschillende programeertalen en templatetalen zijn er inmiddels verschillende soorten SSG's. Op die manier is er altijd wel één die past bij de gewenst werkwijze.
Eigenlijk is statisch de manier zoals vroeger websites werden gemaakt. HTML pagina's werden hard coded getoond. Dit koste veel tijd om content in te beheren en al snel kwamen CMS'en (Content Management Systemen) zoals WordPress in beeld. Aan het CMS wordt een database gekoppeld en als een gebruiker een pagina bekijkt via de browser gebeurt er dit:
Met een Static Website Generator wordt oud in feite dus weer nieuw. Door nieuwe ontwikkelmethodes als JAMstack en de bijbehorende technieken wordt het ontwikkelen van een statische website weer nieuw leven ingeblazen. Hieronder het verschil tussen een dynamische website (traditioneel) en een statische website volgens de JAMstack methode:
Een statische website is een stuk sneller ten opzichte van een dynamische. Een dynamische pagina doorloopt een aantal stappen voordat het getoond wordt en bij een statische genegereerde pagina is dit al gebeurt. Hij staat al kant-en-klaar voor je beschikbaar.
Voor de front-end is er geen database nodig omdat daar geen verwerking plaatsvindt. Hierdoor kan de statistische site worden gehost op een Content Delivery Network ofwel CDN. Dit geeft de prestatie en schaalbaarheid een boost. De laadtijd is hierdoor lager dan op een normale webserver. Er is echter ook een backend, zoals Strapi, die wel een database nodig heeft.
Je hoeft je geen zorgen te maken over de eventuele veiligheidsrisico's van een server of database.
Met verschillende code talen en templates is er voor iedere toepassing wel een passende Static Site Generator. Wij maken bijvoorbeeld gebruik van Next.js, Nuxt en Gatsby.
Een traditioneel opgezette dynamische website heeft een CMS als WordPress, Drupal of Joomla. Statische opgezette website werkt headless. Meer over headless kun lezen in ons blog: "Headless CMS, wat is het?". Wij werken graag met Strapi, maar ook WordPress heeft de mogelijkheid om headless gebruikt te worden.