Skip to content

Autres projets avec générateur de site statique

1. Site statique pur avec Netlify

testé

Dans cette activité, nous codons notre site par nous-même mais nous déployons et nous hébergeons le site avec Netlify; donc il n'y a rien à construire sur le fournisseur.

Site Web statique pur: clone ce site et/ou netlify it sans aucune commande de construction.

2. Gitbook Toolchain dans Netlify

testé sommairement

Qu'est-ce que Gitbook?

GitBook est un outil de ligne de commande (et une bibliothèque Node.js) pour construire de beaux livres en utilisant GitHub/Git et Markdown (ou AsciiDoc). Voici un exemple: Learn Javascript.

Vous pouvez publier et héberger facilement des livres en ligne en utilisant gitbook.com. Un éditeur de bureau est également disponible (https://www.gitbook.com/editor).

Consultez le GitBook Community Slack Channel, Restez à jour en suivant @GitBookIO sur Twitter ou GitBook sur Facebook.

La documentation complète est disponible sur toolchain.gitbook.com.

Netlify this Projets gitbook.

Source: https://github.com/GitbookIO/gitbook et https://github.com/rubenoid/gitbooktest.

3. Netlify CMS

testé sommairement

Qu'est-ce que Netlify CMS?

Netlify CMS est un système de gestion de contenu pour les sites statiques, permettant aux collaborateurs de créer, modifier, réviser et publier du contenu sans écrire de code ou gérer le contrôle de version. Il apporte la facilité d'édition de style WordPress à la simplicité et la rapidité des sites statiques.

À la base, Netlify CMS est une application React open-source qui agit comme un wrapper pour le flux de travail Git, en utilisant l'API GitHub. Cela offre de nombreux avantages, notamment:

Interface utilisateur Web rapide: avec l'édition de texte enrichi, l'aperçu en temps réel et le téléversement de médias par glisser-déposer.

  • Agnostique de plate-forme: fonctionne avec la plupart des générateurs de site statiques.
  • Installation facile: ajoutez deux fichiers à votre site et connectez le backend en incluant dans votre processus de construction ou un lien vers notre CDN.
  • Authentification moderne: utilisation des jetons Web GitHub et JSON.
  • Types de contenu flexibles: spécifiez un nombre illimité de types de contenu avec des champs personnalisés.
  • Entièrement extensible: créez des aperçus personnalisés, des widgets d'interface utilisateur et des plugins d'éditeur.

Source: https://www.netlifycms.org/docs/intro/.

Faites un essai: Netlify CMS peut s'exécuter dans n'importe quel environnement Web frontal, mais le moyen le plus rapide de l'essayer est de l'exécuter sur un site de démarrage préconfiguré avec Netlify. Cet exemple est le modèle de société de café Kaldi: Netlify ce projet Netlify CMS. Ce site fonctionne avec le générateur de site statique Hugo.

D'autres modèles Netlify sont disponibles ici: https://github.com/netlify-templates.

4. Héberger des sites avec des pages GitHub

testé

Note: "gh-pages" = Pages GitHub

Hébergement avec GitHub Pages: https://pages.github.com/.

5. Webhooks avec IFTT

en projet

6. Coder des sites Web modernes avec le JAMstack

en projet

Un autre exemple avec Hugo et Netlify-CMS:

8. Jekyll Static Web Site