1. Hugo
2. Pelikaan
3. Eleventy (11ty)
4. Gatsby
5. Nikola
Lees verder voor onze gedetailleerde analyse van elke dienst
Er zijn twee hoofdonderdelen van het bouwen van websites. De eerste draait om het maken van de inhoud, en de tweede gaat over het gebruik van het geprefereerde Content Management System (CMS). Het CMS verenigt uw inhoud met de gekozen sjablonen en thema's. Het resultaat is de website, die de lezers kunnen zien, lezen en doorlopen.
Dit is waar een statische site generator (SSG) vereist is. Het neemt alle bronbestanden en maakt er een volledig statische website van. Oorspronkelijk werd het maken, onderhouden en bijwerken van websites individueel met de hand gedaan. In de loop van de tijd is er echter een systeem ontwikkeld waarmee een websitemaker bepaalde codesecties herhaaldelijk en gemakkelijk kan gebruiken.
Het gebruik van een statische sitegenerator is om een aantal redenen gunstig. De statische sitegenerator heeft alle computercodes voor uw website en draait op uw pc. Dit betekent dat het voor niemand anders toegankelijk is en niet gemakkelijk te hacken is. Er zijn geen beveiligingsupdates nodig, dus u heeft geen last van vervelende pop-ups die u herinneren aan updates voor uw CMS, plug-ins en website. Bovendien presteert uw website beter omdat deze sneller wordt geladen dan wanneer alle inhoud en thema's moeten worden gecombineerd elke keer dat een bezoeker de site betreedt.
Het wereldwijde web biedt een veelvoud aan opties als het gaat om statische sitegeneratoren. Ze allemaal doorlopen kan een behoorlijke hoofdpijn voor je zijn, dus we hebben ervoor gezorgd. We hebben de beste beoordeeld en bedacht.
Hieronder staan de beste keuzes voor de beste statische sitegeneratoren waaruit u kunt kiezen:
- Bekijk ook onze verzameling van de beste websitebouwer
1. Hugo
Een open source statische sitegenerator met verbazingwekkende snelheid en flexibiliteit
Redenen om te kopen
+ Gemakkelijk te gebruiken en te installeren + Meer dan honderd sjablonen en thema's + Snel, flexibel en sterkRedenen om te vermijden
-Gebruikt de programmeertaal GoEen van de statische sitegeneratoren die eenvoudig in te stellen en te gebruiken is, is Hugo. Het heeft momenteel een Gilab-beoordeling van meer dan 30.000 sterren. Het werkt door inhoud en sjablonen te nemen en ze om te zetten in een complete en werkende HTML-website.
Hugo wordt momenteel gebruikt door 243 bedrijven, waaronder Braincube, Bypass Censorship en Pharma Seal. Ze hebben documentatie over het installeren en uitvoeren van Hugo, wat behoorlijk uitgebreid is. Het biedt een brede selectie van vooraf gebouwde thema's, dus u kiest eenvoudig het ontwerp dat u leuk vindt voor uw site.
Een van de beste aspecten van Hugo is hoe het overal werkt. Het enige dat nodig is, is om de software te downloaden en deze te laten werken. Er zijn geen beheerdersrechten, databases, externe bibliotheken, tolken of runtimes nodig. Door Hugo gebouwde sites kunnen worden gebruikt op Dropbox, Github, Pages, S3 en andere webhostingservices.
Hugo is ook gezegend met flexibiliteit en ontworpen om te werken zoals jij dat doet. U kunt elke URL-structuur gebruiken om uw inhoud te ordenen. U kunt de soorten inhoud declareren en zelfs uw eigen metadata definiëren in JSON, TOML of YAML. Hugo kan worden geïntegreerd in verschillende tools zoals Buddy, DatoCSMS, Gitlab Pages, Go en Markdown.
Als het gaat om prestaties en snelheid, is de bouwtijd van Hugo geïnvesteerd om zo kort mogelijk te zijn. In sommige gevallen kan het slechts milliseconden duren voordat een hele site is opgebouwd. Het is ontworpen om het proces van het opnieuw opbouwen van een site erg snel te laten verlopen. In feite wordt het momenteel beschouwd als de snelste SSS.
Voor sites die zijn opgebouwd uit bestaande data, biedt Hugo zijn>
2. Pelikaan
Een door Python aangedreven statische sitegenerator
Redenen om te kopen
+ Snellere laadsnelheid + Geen database + Zeer veilige siteRedenen om te vermijden
-Vereist dat Python op uw computer is geïnstalleerd bij het toevoegen en bewerken van inhoudPelican is geschreven in de programmeertaal Python en Jinja2 vanwege de sjabloontaal. Beide talen zijn geliefd bij veel gebruikers. De Python-taal biedt veel mogelijkheden om uw website op welke manier dan ook uit te breiden.
Het importeren van sitegegevens van WordPress wordt ondersteund door Pelican, dus het overschakelen van een actieve WordPress-site naar het genereren van statische sites is een fluitje van een cent vergeleken met andere SSG's. U hoeft zich geen zorgen te maken over de mogelijkheid dat u de configuratie van uw huidige site kwijtraakt of vernietigt. Daarnaast kan het een complete website behandelen en is het niet beperkt tot alleen bloggen.
Het is een beetje een uitdaging om met Pelican om te gaan als je de Python-taal nog niet kent. Meer nog, Python moet op uw computer zijn geïnstalleerd om met Pelican te kunnen werken. Helaas is er niet veel beschikbaar advies over Python voor degenen die geen ontwikkelaars zijn. Pelican is echter een heel goede startplaats als je wat ervaring en vaardigheden hebt als ontwikkelaar die de Python-taal gebruikt.
- U kunt hier aan de slag met Pelican
3. Eleventy (11ty)
De eenvoudige generator voor statische sites
Redenen om te kopen
+ Snelle bouwtijd + Onafhankelijk + Sjablonen zijn niet beperkt tot een specifieke taalRedenen om te vermijden
-Vereist meer bekendheid met het technische gedeelte -Beperkte tools -Weinig documentatie en tutorialsEen van de nieuwere in de SSG-scene is Eleventy of 11ty. Het bevordert eenvoud als generator van statische sites. Het is gemakkelijk te gebruiken en behoorlijk progressief. Het is geschreven in de JavaScript-taal, dus Node.js is vereist. Het heeft echter een zeer flexibele sjabloontaal, die HBS, HTML, JS, Markdown en Nunjucks accepteert, evenals een combinatie van deze talen. U moet Node.js installeren voordat u 11ty installeert.
Het duurt minder dan 30 minuten om uw site op te bouwen, wat een zeer grote overweging is voor ontwikkelaars. Vertragingen in de bouwtijd zijn een veel voorkomende teleurstelling als het gaat om grotere dynamische frameworks. Eleventy daarentegen is mager. Wanneer u uw SSG bovenop een framework bouwt, draagt dit natuurlijk bij aan uw build-tijd omdat de frameworks ook moeten worden gebouwd, wat extra tijd kost
Eleventy heeft een sterke kijk op de prestaties van websites. Het heeft zelfs een prestatie-leaderboard-weergave van alle websites die zijn gebouwd op 11ty. Het heeft de voorkeur van veel webontwikkelaars en professionals die websites bouwen en beheren.
- U kunt hier met Eleventy aan de slag
4. Gatsby
Meer dan alleen een statische sitegenerator
Redenen om te kopen
+ Gebruikt GraphQL + Werkt goed met Netlify + Biedt veel plug-ins + Heeft veel API'sRedenen om te vermijden
-Gemengde documentatieGatsby noemt zichzelf een progressieve webapp en kan offline werken en worden toegevoegd aan je mobiele startscherm, om maar een paar van de functies te noemen. Andere websites hebben deze capaciteit, zelfs als ze een andere SSG gebruiken. Gatsby levert dit echter wel uit de doos.
Als je enigszins bekend bent met de webcomponentbibliotheek React, heb je zeker een voordeel met Gatsby omdat het rond React is gebouwd. Als u meer vertrouwd bent met de omgeving, kunt u uw werk veel gemakkelijker maken. In feite is de website van React gebouwd met behulp van Gatsby.
Zowel Node.js als het git-versiebeheersysteem zijn vereist door Gatsby. Het is erg handig om te weten dat Gatsby goed gedetailleerde documentatiepagina's heeft over het instellen van de Gatsby-omgeving. U moet enige bekendheid hebben met de opdrachtregel, omdat het proces behoorlijk ingewikkeld is. Een nadeel is hoe de documentatie voor Windows, Mac en Linux allemaal door elkaar is gemengd, dus het is voor sommige mensen verwarrend gebleken.
Gatsby gebruikt ook GraphQL, een bekende tool. Het wordt gebruikt voor het beheren van gegevens in de hele applicatie. Je hebt de mogelijkheid om Gatsby minus GraphQL te gebruiken, maar deze technologie voegt een intuïtief en declaratief karakter toe aan de ontwikkeling van applicaties. Daarnaast werkt Gatsby redelijk goed met Netlify en vergelijkbare platforms. Hiermee kunt u uw site zo instellen dat deze elke keer dat u pusht en zich committeert aan GitHub, wordt opgebouwd en geïmplementeerd.
Het biedt ook een brede selectie plug-ins voor verschillende doeleinden. Ze kunnen u gegevens laten ophalen uit Content Management Systemen zoals Contentful en WordPress, integratie met Algolia en vergelijkbare tools bevorderen en beeldbeheer afhandelen door middel van lazy-loading en optimaliseren.
Je krijgt ook toegang tot tal van API's met Gatsby. Ze helpen het veel gemakkelijker te maken om statische sites te ontwikkelen. Een voorbeeld is de Create Page API, die eenvoudig en tijdig statische pagina's maakt van markdown-bestanden. Meer nog, Gatsby is uitgerust met handige elementen die dingen eenvoudiger maken, zoals het omgaan met afbeeldingen, linken en routering. Deze zijn niet beschikbaar in de React-kernbibliotheek.
- Je kunt hier met Gatsby aan de slag
6. Nikola
Inhoud gaat naar binnen en er komt een website uit
Redenen om te kopen
+ Wordt geleverd met het hele pakket + Snelle herbouwtijdRedenen om te vermijden
-Vereist Python-kennisNikola wordt geleverd met een zeer uitgebreid pakket als het gaat om het genereren van statische sites. Het bevat alles wat een gebruiker nodig heeft, inclusief zeer gedetailleerde sjablonen om zowel blogs en volledige websites als afbeeldingsgalerijen te ondersteunen. Het pakket met thema's en plug-ins is ook behoorlijk indrukwekkend.
Het werkt echter met Python en je moet verder gaan dan de basis van de taal om met Nikola om te kunnen gaan. Het biedt ook geen oplossing voor het ontbreken van Python. Deze SSG kan je veel plaatsen geven om te verkennen in vergelijking met zijn concurrentie, zolang je maar een beetje technischer bent dan de meeste mensen.
Als het om de thema's gaat, zijn die van Nikola niet zo uitgebreid als die van andere SSG's. Dit kan een beperking blijken te zijn voor uw creativiteit, dus als u iets wilt bedenken dat esthetisch concurreert, moet u ook andere alternatieven bekijken. U kunt echter volledig op Nikola vertrouwen als het gaat om de herstelsnelheid, aangezien dit tegenwoordig een van de snellere opties is.
- Je kunt hier met Nikola aan de slag
6. Jekyll
Helpt u om platte tekst om te zetten in statische sites
Redenen om te kopen
+ Sterke integratie met GitHub + Geweldige documentatieRedenen om te vermijden
-Niet zo eenvoudig tijdens de installatieJekyll was een van de eerste generatoren van statische sites en het succes ervan maakte plaats voor de toestroom van innovatie in deze tools die we vandaag zien. Het wordt verder ontwikkeld. Het werd in 2008 opgericht door Tom Presto-Werner, die ook de oprichter is van GitHub. Het heeft momenteel meer dan 41.000 sterren vanwege zijn eenvoudige aard en hoe goed het kan worden geïntegreerd met GitHub.
In feite neemt Jekyll de statische HTML van uw website en converteert deze met behulp van een eenvoudige sjabloonbibliotheek naar een werkende statische site. Het instellen van Jekyll is niet het gemakkelijkste om te doen, vooral niet als u Windows gebruikt. Dit komt omdat het is gebouwd met de programmeertaal Ruby en daarom vereist dat de sid-omgeving op uw computer is geïnstalleerd. Het is een goede zaak dat Jekyll betrouwbare documentatie biedt over de installatie ervan.
Uw inhoud in Jekyll staat in tekstbestanden en wordt als zodanig opgeslagen. Er is geen database nodig en u kunt direct en eenvoudig aan uw inhoud werken door uw bestanden te openen in uw favoriete teksteditor. De inhoud kan met Jekyll in de eenvoudigste vorm worden opgeslagen, zoals in HTML of Markdown.
Het biedt een groot aantal thema's, zowel gratis als betaalde. Ze kunnen worden geïnstalleerd door ze te downloaden en toe te voegen aan een project of door ze als plug-ins te installeren met behulp van RubyGems. De thema's zijn gebouwd met de Liquid-sjabloonengine van Shopify, wat een veilige is. Het draait niet-vertrouwde code op zijn server, wat betekent dat het het meeste kan doen wat je nodig hebt, minus de noodzaak om aangepaste code uit te voeren.
Omdat het is ingebouwd in de code-hostingservice die GitHub is, kunt u uw inhoud bewaren in een Github-repository, wat in feite een code-clouddrive is. Hiermee hoef je geen code meer uit te voeren, want GitHub zal het voor je draaien en de inhoud omzetten in een echte website. GitHub Pages wordt uiteindelijk gratis de host van uw website. Het biedt ook duidelijke documentatie die gemakkelijk te begrijpen en te volgen is.
- Je kunt hier met Jekyll aan de slag
7. Publii
Een statische sitegenerator die geschikt is voor alle vaardigheidsniveaus
Redenen om te kopen
+ Wordt geleverd met publicatietools + Minder technisch + Open-source en gratisPublii verschilt van de meeste generatoren van statische sites omdat het een desktop-applicatie is in plaats van een opdrachtregelprogramma. Het werkt met Linux, Mac en Windows. Publi lijkt bijna op WordPress, maar terwijl WordPress een website is, is Publii een applicatie die op uw computer draait en een statische website genereert met behulp van uw inhoud.
Het is uitgerust met publicatietools die erin zijn ingebouwd en werken om de statische website naar verschillende hosts en cloudhostinglocaties te pushen. Het wordt geleverd met een importsysteem waarmee u uw huidige WordPress-site naar Publii kunt converteren. Het dient ook als een marktplaats voor professionele betaalde thema's.
Het is echter gratis als applicatie en wordt ondersteund door een groep gebruikers die met elkaar samenwerken en elkaar steunen via een discussieforum. In vergelijking met zijn alternatieven is Publii de minst technische SSG, maar het heeft toch vrijwel alles wat je nodig hebt. Het is met name voordelig en de beste optie voor diegenen die niet geïnteresseerd zijn in codering of in de opdrachtregelaanpak.
- Je kunt hier met Publii aan de slag
8. Statiq Web
Een statische site-generator met batterijen inbegrepen
Redenen om te kopen
+ Vrij nieuw in de branche + Gebouwd met .NETRedenen om te vermijden
-Minder krachtStatiq Web, een nieuwe speler in het speelveld van SSG, maakt nog steeds grote ontwikkelingen door. Het is het beste voor degenen die geïnteresseerd zijn om aan dat proces deel te nemen door samen met de gemeenschap feedback te geven over hoe het verder kan verbeteren.
Het sterkste punt is het feit dat het is geschreven in .NET. Dit levert een groot voordeel op voor degenen die kennis hebben van die programmeertool. Het is een voorbeelduitvoer van het Statiq Framework, dat een algemener en groter raamwerk is. Ervaren programmeurs kunnen hieruit een uitgebreidere output bedenken.
- U kunt hier aan de slag met Statiq Web
De beste statische sitegenerator voor uw site kiezen
Dit zijn de beste opties die vandaag beschikbaar zijn. Elk wordt geleverd met een reeks positieve en negatieve punten. Een van de belangrijkste dingen om te overwegen bij het kiezen van een van hen boven een andere, zijn uw eigen technische vaardigheden.
Als je meer kennis hebt dan sommigen, zul je zeker teleurgesteld zijn in de minder technische SSG's. Als u geïnteresseerd bent om te leren, is uw beste optie er een met een gemiddelde technische moeilijkheidsgraad in combinatie met betrouwbare documentatie om u door het proces te begeleiden.
U moet ook rekening houden met de snelheid die u verkiest voor uw website. Het is normaal dat ontwikkelaars voor de snellere gaan. Een andere overweging is de programmeertaal. U moet kiezen voor de SSG die is geschreven in de taal waarmee u het meest vaardig bent. Anders zul je moeten beginnen met het leren van de taal, wat veel tijd kan kosten en het kan zijn dat je achteraf energie of interesse verliest in het bouwen van je site.
- We hebben ook de beste webhosting uitgelicht