Bent u op zoek naar een open-source statische sitegenerator? Zoek niet verder, dit artikel heeft je gedekt.
Websites kunnen als statisch of dynamisch worden beschouwd. Een CMS (Content Management System) zoals WordPress stuurt meestal dynamische websites aan. Het contentmanagementsysteem haalt de informatie uit een database en vult vervolgens de content op een webpagina in telkens wanneer een gebruiker hierom vraagt.
Statische sites zijn websites die zonder wijzigingen vanaf een webserver aan de client worden aangeboden. Het is een eenvoudige methode om websites te bouwen, aangezien elke pagina op de website een afzonderlijk HTML-bestand is. In de begindagen van het web bouwden ze zo websites.
Dus als u de startpagina op een statische website bezoekt, bekijkt u een echt startpaginabestand. In dit artikel laten we 11 open-source en gratis statische sitegeneratoren zien die u kunt gebruiken om uw website te bouwen.
1. Jekyll
Jekyll is de pionier op het gebied van statische sitegeneratoren. Het werd voor het eerst uitgebracht in 2008 door Github's mede-oprichter Tom Preston-Werner. Het is geschreven met Ruby en genereert statische sites door inhoud van JSON-, YAML-, CSV- en TSV-bestanden te laden.
Jekyll drijft GitHub Pages aan, waarmee gebruikers hun websites zonder extra kosten kunnen hosten op basis van hun GitHub-repository-account.
Github-link: https://github.com/jekyll/jekyll
2. Hugo
Hugo is een open-source statische sitegenerator gebouwd met behulp van de Go-programmeertaal. Wat Hugo opvalt, is hoe snel het websites bouwt. Het is ook flexibel en biedt een krachtig themasysteem waarmee u uw thema kunt maken.
Het is beschikbaar op meerdere OS-platforms, ondersteunt mooie URL's en heeft verschillende opties voor inhoudstypen.
Github: https://github.com/gohugoio/hugo
3.Publii
Publii is een gratis, open-source desktop-gebaseerde app. Het draait lokaal op uw computer in plaats van op de servers van de site en vereist geen internettoegang. U kunt dus offline aan uw site werken.
Wanneer u online gaat, uploadt u eenvoudig de wijzigingen naar uw server en de wijzigingen worden opgeslagen. Er zijn verschillende uploadopties, waaronder de standaard HTTP/HTTPS-servers, Amazon S3, GitHub Pages, Netlify, SFTP en Google Cloud.
Met Publii kunt u een persoonlijke blog, portfolio of bedrijfswebsite maken. Het ondersteunt u ook bij het bouwen, wijzigen en uitvoeren van onbeperkte sites vanuit dezelfde app met direct schakelen. U hoeft geen databases of andere inloggegevens te onthouden.
Github: https://github.com/GetPublii/Publii
4. Nuxt
Nuxt is een intuïtief webframework op basis van Vue waarmee u statische sites kunt bouwen. Het is open source en wanneer u uw statische site bouwt, kunt u deze gratis hosten op Azure Static Web Apps. Nuxt ondersteunt server-side rendering, wat leidt tot een grote SEO-boost, betere UX en meer mogelijkheden in vergelijking met traditionele Vue -applicaties met één pagina (SPA).
Github: https://nuxtjs.org
5. Griezelig
Gridsome is nog een andere open-source SSG die is gebaseerd op Vue.js en wordt aangedreven door GraphQL. Het maakt gebruik van het Jamstack-framework, waarmee het websites kan bouwen die standaard snel zijn, beter presteren, uitgerust zijn met hogere beveiliging, lage schaalkosten hebben en een betere ontwikkelaarservaring bieden.
Gridsome ondersteunt PWA, dat offline werkt als er geen internetverbinding is, waarbij gebruik wordt gemaakt van gegevens die in de cache zijn opgeslagen tijdens uw laatste interactie met de app.
Github: https://github.com/gridsome/gridsome
6. Hexo
Hexo is een snel, eenvoudig en krachtig blogframework, mogelijk gemaakt door Node.js. Het ondersteunt alle functies van GitHub Flavored Markdown en de meeste Octopress-plug-ins. Het beschikt ook over krachtige API's die onbeperkte uitbreidbaarheid bieden.
Er zijn verschillende plug-ins om de meeste template-engines te ondersteunen, bijvoorbeeld EJS, Pug, Nunjucks en vele anderen. Het kan ook eenvoudig worden geïntegreerd met NPM- pakketten (Node Package Manager), zoals Babel, PostCSS en Less/Sass.
Github: https://github.com/hexojs/hexo
7. Documentaurus
Docusaurus is een open-source statische sitegenerator ontwikkeld door Facebook. Het is gebouwd met React en wordt mogelijk gemaakt door Markdown. U kunt documenten en blogberichten schrijven met Markdown, en Docusaurus zal een reeks statische HTML-bestanden publiceren.
Daarom kunt u tijd besparen en u concentreren op de documentatie van uw project. Dankzij MDX kunt u zelfs JSX-componenten in uw Markdown insluiten. Docusaurus wordt ook geleverd met vooraf geconfigureerde lokalisatie, waarmee uw documenten in meer dan 70 talen kunnen worden vertaald.
Github: https://github.com/facebook/docusaurus
8. VuePress
VuePress is een minimalistische Vue-aangedreven SSG gebouwd door Evan You; de maker van Vue.js . Het is ontwikkeld om de technische documentatiebehoeften van Vue-projecten te ondersteunen. Het wordt mogelijk gemaakt door Vue, Vue Router en Webpack. Vuepress is open-source, eenvoudig te gebruiken en vereist minimale installatie met afwaardering.
Github: https://github.com/vuejs/vuepress
9. Elftien
Eleventy (11ty) is een eenvoudiger open-source SSG. Het is gemaakt als JavaScript-alternatief voor Jekyll. Het heeft zero-config, wat betekent dat Eleventy kan draaien zonder configuratiebestanden of opdrachtregels. Bijgevolg verlaagt het de toegangsdrempel voor uw eerste projectopbouw. U krijgt uw website sneller dan ooit in de lucht.
Eleventy maakt gebruik van onafhankelijke template-engines. Als u later besluit om iets anders te gebruiken, zal het op deze manier organiseren van uw inhoud de migratie gemakkelijker maken. Het beschikt ook over meerdere sjabloontalen. U kunt er een kiezen of ze allemaal samen in één project gebruiken.
Github: https://github.com/11ty/eleventy/
10. Pelikaan
Pelican is een open-source SSG geschreven in Python. De functies omvatten het schrijven van inhoud in reStructuredText- of Markdown-opmaak, eenvoudig te hosten statische uitvoer en aangepaste thema's via Jinja-sjablonen. Het is ook meertalig, heeft atom/RSS-feeds, codesyntaxismarkering, import uit WordPress en andere services, modulair plug-insysteem, bijbehorende plug-inrepository en vele andere functies.
Github: https://github.com/getpelican/pelican
11. Lektor
Lektor is nog een andere door Python gebouwde open-source SSG. Het is 100% op bestanden gebaseerd, wat betekent dat alle brongegevens goed gestructureerd zijn en kunnen worden gevolgd in een versiebeheersysteem of cloudopslag zoals Dropbox . Het heeft ook een flat-file database waarin alle brongegevens worden opgeslagen in een flat-file boomdatabase en vrij kunnen worden opgevraagd. De lay-out van die gegevens is volledig configureerbaar.
Lektor heeft een aanpasbare beheerder waar u uw pagina's kunt bewerken zonder de onbewerkte bronnen aan te raken. Het heeft ook het bijhouden van afhankelijkheden, waarbij het bouwproces op intelligente wijze pagina-afhankelijkheden bijhoudt, zodat het alleen pagina's opnieuw opbouwt die zijn gewijzigd. De andere functies zijn onder meer een plug-insysteem, afbeeldingstools, meertalig, geïmplementeerd vanaf elke host, draait op Windows, Linux en OSX.
Github: https://github.com/lektor/lektor
Bouw uw statische website
Statische websites bieden een breed scala aan voordelen. Deze websites zijn flexibel, presteren beter, hebben minder afhankelijkheden aan de serverzijde, verbeterde betrouwbaarheid, superieure beveiliging en uitstekend versiebeheer en testen. Als u op zoek bent naar een statische website, bekijk dan zeker de bovenstaande gratis, open-source statische sitegeneratoren.