11 générateurs de sites statiques open source que vous pouvez utiliser pour créer votre site Web

28 août 2021 Hibou Gourou

Vous recherchez un générateur de site statique open source ? Ne cherchez pas plus loin, cet article vous a couvert.

Les sites Web peuvent être considérés comme statiques ou dynamiques. Un CMS (Content Management System) comme WordPress alimente généralement des sites Web dynamiques. Le système de gestion de contenu obtient les informations d'une base de données, puis remplit le contenu sur une page Web chaque fois qu'un utilisateur le demande.

Les sites statiques sont des sites Web servis depuis un serveur Web vers le client sans aucune modification. C'est une méthode simple pour créer des sites Web puisque chaque page du site Web est un fichier HTML distinct. Au début du Web, c'est ainsi qu'ils construisaient des sites Web.

Ainsi, si vous visitez la page d'accueil d'un site Web statique, vous visualisez un fichier de page d'accueil réel. Dans cet article, nous présenterons 11 générateurs de sites statiques open source et gratuits que vous pouvez utiliser pour créer votre site Web.

1. Jekyll

Jekyll est le pionnier des générateurs de sites statiques. Il a été publié pour la première fois en 2008 par le co-fondateur de Github, Tom Preston-Werner. Il est écrit à l'aide de Ruby et génère des sites statiques en chargeant du contenu à partir de fichiers JSON, YAML, CSV et TSV.

Jekyll alimente GitHub Pages, qui permet aux utilisateurs d'héberger leurs sites Web en fonction de leur compte de référentiel GitHub sans frais supplémentaires.

Lien Github : https://github.com/jekyll/jekyll

2. Hugo

Hugo est un générateur de site statique open source construit à l'aide du langage de programmation Go. Ce qui distingue Hugo, c'est la rapidité avec laquelle il crée des sites Web. Il est également flexible et offre un puissant système de thèmes qui vous permet de créer votre thème.

Il est disponible sur plusieurs plates-formes de système d'exploitation, prend en charge de jolies URL et propose différentes options de types de contenu.

Github : https://github.com/gohugoio/hugo

3.Publi

Publii est une application de bureau gratuite et open source. Il s'exécute localement sur votre machine au lieu des serveurs du site et ne nécessite pas d'accès Internet. Ainsi, vous pouvez travailler sur votre site hors ligne.

Lorsque vous vous connectez, téléchargez simplement les modifications sur votre serveur et les modifications seront enregistrées. Il existe plusieurs options de téléchargement, notamment les serveurs HTTP/HTTPS standard, Amazon S3, les pages GitHub, Netlify, SFTP et Google Cloud.

Avec Publii, vous pouvez créer un blog personnel, un portfolio ou un site Web d'entreprise. Il vous aide également à créer, modifier et exécuter des sites illimités à partir de la même application avec une commutation instantanée. Vous n'avez pas besoin de vous souvenir de bases de données ou d'autres informations d'identification.

Github : https://github.com/GetPublii/Publii

4. Nuxt

Nuxt est un framework web intuitif basé sur Vue qui vous permet de créer des sites statiques. Il est open-source et lorsque vous créez votre site statique, vous pouvez l'héberger gratuitement sur Azure Static Web Apps. Nuxt prend en charge le rendu côté serveur, ce qui conduit à une forte augmentation du référencement, une meilleure UX et plus d'opportunités par rapport aux applications traditionnelles Vue à page unique (SPA).

Github : https://nuxtjs.org

5. Grille

Gridsome est encore un autre SSG open source basé sur Vue.js et alimenté par GraphQL. Il utilise le framework Jamstack, qui lui permet de créer des sites Web rapides par défaut, plus performants, dotés d'une sécurité accrue, présentant un faible coût de mise à l'échelle et une meilleure expérience de développement.

Gridsome prend en charge PWA, qui fonctionne hors ligne lorsqu'il n'y a pas de connexion Internet, en exploitant les données mises en cache lors de votre dernière interaction avec l'application.

Github : https://github.com/gridsome/gridsome

6. Hexo

Hexo est un framework de blog rapide, simple et puissant alimenté par Node.js. Il prend en charge toutes les fonctionnalités de GitHub Flavored Markdown et la plupart des plugins Octopress. Il dispose également de puissantes API qui offrent une extensibilité illimitée.

Il existe différents plugins pour prendre en charge la plupart des moteurs de modèles, par exemple, EJS, Pug, Nunjucks et bien d'autres. Il s'intègre également facilement aux packages NPM (Node Package Manager) tels que Babel, PostCSS et Less/Sass.

Github : https://github.com/hexojs/hexo

7. Docusaurus

Docusaurus est un générateur de site statique open source développé par Facebook. Il est construit à l'aide de React et est alimenté par Markdown. Vous pouvez rédiger des documents et des articles de blog à l'aide de Markdown, et Docusaurus publiera un ensemble de fichiers HTML statiques.

Par conséquent, vous pouvez gagner du temps et vous concentrer uniquement sur la documentation de votre projet. Vous pouvez même intégrer des composants JSX dans votre Markdown, grâce à MDX. Docusaurus est également livré avec une localisation préconfigurée, qui peut traduire vos documents dans plus de 70 langues.

Github : https://github.com/facebook/docusaurus

8. VuePresse

VuePress est un SSG minimaliste propulsé par Vue construit par Evan You; le créateur de Vue.js . Il a été développé pour répondre aux besoins de documentation technique des projets Vue. Il est alimenté par Vue, Vue Router et Webpack. Vuepress est open source, simple à utiliser et nécessite une configuration minimale avec démarque.

Github : https://github.com/vuejs/vuepress

9. Onze

Eleventy (11ty) est un SSG open source plus simple. Il a été créé pour être une alternative JavaScript à Jekyll. Il a zéro-config, ce qui signifie qu'Eleventy peut s'exécuter sans fichiers de configuration ni lignes de commande. Par conséquent, il abaisse la barrière à l'entrée pour votre premier build de projet. Votre site Web sera opérationnel plus rapidement que jamais.

Eleventy utilise des moteurs de modèles indépendants. Si vous décidez d'utiliser autre chose plus tard, l'organisation de votre contenu de cette manière facilitera la migration. Il propose également plusieurs langages de modèles. Vous pouvez en choisir un ou les utiliser tous ensemble dans un seul projet.

Github : https://github.com/11ty/eleventy/

10. Pélican

Pelican est un SSG open source écrit en Python. Ses fonctionnalités incluent l'écriture de contenu dans le balisage reStructuredText ou Markdown, une sortie statique facile à héberger et des thèmes personnalisés via des modèles Jinja. Il est également multilingue, dispose de flux atom/RSS, d'une mise en évidence de la syntaxe du code, d'une importation depuis WordPress et d'autres services, d'un système de plugins modulaire, d'un référentiel de plugins correspondant et de nombreuses autres fonctionnalités.

Github : https://github.com/getpelican/pelican

11. Lektor

Lektor est encore un autre SSG open source construit par Python. Il est basé à 100 % sur des fichiers, ce qui signifie que toutes les données sources sont bien structurées et peuvent être suivies dans un système de contrôle de version ou un stockage en nuage comme Dropbox . Il dispose également d'une base de données de fichiers plats dans laquelle toutes les données sources sont stockées dans une base de données arborescente de fichiers plats et peuvent être librement interrogées. La disposition de ces données est entièrement configurable.

Lektor a un administrateur personnalisable où vous pouvez éditer vos pages sans avoir à toucher aux sources brutes. Il dispose également d'un suivi des dépendances, où le processus de génération suit intelligemment les dépendances des pages de sorte qu'il ne reconstruit que les pages qui ont été modifiées. Ses autres fonctionnalités incluent un système de plugins, des outils d'image, multilingues, déployés à partir de n'importe quel hôte, fonctionnant sous Windows, Linux et OSX.

Github : https://github.com/lektor/lektor

Construisez votre site Web statique

Les sites Web statiques offrent un large éventail d'avantages. Ces sites Web sont flexibles, fonctionnent mieux, ont moins de dépendances côté serveur, une fiabilité améliorée, une sécurité supérieure et un contrôle de version et des tests superbes. Si vous cherchez à créer un site Web statique, assurez-vous de consulter les générateurs de sites statiques open source gratuits ci-dessus.