Een static site generator, zoals Astro of Hugo, is een programma dat je teksten en ontwerp omzet in kant-en-klare websitepagina’s. Je maakt de pagina’s eenmalig klaar en zet ze online. Zo hoeft de server bij een bezoek niets meer te berekenen.
Wat is een static site generator?
In plaats van elke pagina op de server te bouwen zodra een bezoeker komt, bouwt de generator alle pagina’s eenmalig, op je computer of in een bouwdienst, en levert gewone bestanden op. Die bestanden levert je host.
Je geeft de generator twee dingen: sjablonen die de opmaak beschrijven en content, zoals tekstbestanden, data of items uit een headless CMSEen headless CMS is een programma waarin je teksten beheert, terwijl een apart onderdeel bepaalt hoe de website eruitziet.. Hij combineert ze en schrijft elke pagina weg als HTML, samen met stijlbestanden, scripts en afbeeldingen. Daarna heb je een map die je op elke webhost of CDNEen CDN is een netwerk van servers over de hele wereld dat kopieën van je website bewaart, zodat bezoekers hem van dichtbij krijgen. kunt plaatsen.
Verschillende generators passen bij verschillende teams. Sommige zijn gebouwd voor contentrijke sites met veel pagina’s en een eenvoudige structuur, andere voor ontwerp met componenten waarin pagina’s statische inhoud met kleine interactieve delen mengen. Het idee blijft gelijk: het zware werk gebeurt bij het bouwen, niet bij het bezoek.
Wat het betekent voor je PHP-site
Je PHP-site doet zijn bouwwerk op de live server, met PHP-code en een database. Een generator verplaatst dat naar een bouwstap, zodat de live server alleen kant-en-klare bestanden uitgeeft. Het resultaat is een statische websiteEen statische website bestaat uit kant-en-klare pagina's die de server alleen hoeft af te geven, zonder dat er bij elk bezoek iets wordt berekend. waarop geen PHPPHP is de programmeertaal waarmee veel websites, zoals WordPress-sites, hun pagina's maken op het moment dat een bezoeker erom vraagt. en database draaien als een pagina wordt getoond. Dat betekent een kleiner aanvalsoppervlakHet aanvalsoppervlak is het geheel van plekken waar een aanvaller kan proberen je website binnen te komen, zoals logins, formulieren en plugins. en minder onderdelen die bij updates achterlopen, al is een site daarmee niet onkraakbaar, want je hostingaccount, bouwproces en scripts van derden blijven meetellen.
Je PHP-versieEen PHP-versie is het nummer van de uitgave van PHP waarop jouw website draait, zoals 8.3. speelt ook geen rol meer voor de publieke site, want daar draait niets in PHP. De bouwtools hebben eigen afhankelijkheden die af en toe bijgewerkt moeten worden, maar op je computer of in een bouwdienst, niet op de server die naar bezoekers kijkt.
Zo weet je of het past
Een generator past bij sites waar de inhoud voor elke bezoeker hetzelfde is en in een beheersbaar tempo verandert: bedrijfssites, portfolio’s, blogs, documentatie en landingspagina’s. Het past bij teams die accepteren dat een wijziging via een bouwstap gaat. Het past minder als de site tientallen keren per dag moet veranderen of elke pagina moet personaliseren.
Controleer de werkwijze voor bewerken voordat je beslist. Vraag wie de site bijwerkt, hoe vaak, en of diegene zich prettig voelt bij een headless CMS of een tekstgebaseerde aanpak. Een goede opzet maakt publiceren een kwestie van een paar klikken.
Een WordPress-site vervangen
De gebruikelijke route is een inventarisatie van bestaande pagina’s, het nabouwen van het ontwerp als sjablonen, een contentmigratie, een test op een stagingadres en het omzetten van het domeinEen domeinnaam is het webadres waarmee bezoekers jouw website vinden, zoals bedrijfsnaam.nl. met redirects. De oude WordPressWordPress is een programma waarmee je een website maakt en beheert zonder te hoeven programmeren.-site kan tijdens de test beschikbaar blijven, zodat er altijd een weg terug is. Onze aanpak voor een website zonder PHP doet dit werk en onze hulp bij website verhuizen dekt een verhuizing naar een andere host of stack.
Dynamische extra’s, zoals een contactformulier of zoeken, komen erbij met kleine diensten of serverlessServerless is een manier om kleine stukjes code te laten draaien op het platform van een aanbieder, zonder dat je zelf een server beheert. functies.
Wanneer onderneem je actie
Doe iets als een PHP-site bijhouden meer moeite kost dan de site waard is, als je PHP-versie bijna uit support is, of als je toch al voor een herontwerp betaalt. Een herbouw met een generator is een goed moment om weg te laten wat je niet nodig hebt.
Veelgestelde vragen
Wat is een voorbeeld van een static site generator?
Astro en Hugo zijn bekende voorbeelden. Beide nemen je content en sjablonen en maken een map met HTML-, CSS- en JavaScript-bestanden die je op een host plaatst.
Moet ik kunnen programmeren om er een te gebruiken?
De opzet vraagt een ontwikkelaar. Het dagelijks bewerken hoeft dat niet: content kan in een headless CMS of in eenvoudige tekstbestanden met een bewerkscherm staan, zodat je teksten wijzigt zonder code aan te raken.
Hoe gaat een nieuwe pagina live?
Je wijzigt de inhoud en de generator bouwt de site opnieuw. De nieuwe bestanden worden geplaatst, meestal automatisch vanuit een coderepository. Dat duurt vaak even, in plaats van direct te gebeuren zoals in een live editor.
Kan ik mijn WordPress-inhoud meenemen?
Ja. Pagina's, berichten en afbeeldingen kunnen worden geëxporteerd en herbouwd als sjablonen en contentbestanden. Het ontwerp wordt in de generator nagebouwd en redirects houden je oude URL's werkend.