Starter Gatsby + Netlify CMS + TailwindCSS
Emmanuel Gautier / October 17, 2021
2 min read
Avec le nombre de sites web genérés avec les mêmes outils, j'essaie au maximum de mutualiser l'effort de maintenance de la stack technique commune. Suivant ce principe, je viens de créer un starter qui vient du développement de mes autres sites.
Vous pouvez retrouver le starter sur ce Dépôt Github. Ce repo contient un exemple de site web fait avec :
Il suit les principes JAMstack avec GIT comme source unique de vérité pour les pages et les articles de blog, déployé et délivré avec Netlify.
Ce starter n'est pas complétement lié à Netlify, vous pouvez donc utiliser l'hébergeur que vous souhaitez. Cependant, comme ce starter utilise Netlify CMS, l'intégration est plus simple avec cet hébergeur.
Quelles sont les principales fonctionnalitées ?
Ce starter apporte la liste de fonctionnalités suivante :
- Modèles de contenu pour pages et articles de blog
- Optimisé pour la performance avec des bons scores Web Vitals
- Optimisé pour le SEO
- Supporte les Twitter Cards et Open Graph
- Flux RSS
- Sitemap
Comme ce starter vient du développement de mes autres sites, cette liste devrait être suffisante pour créer un site basique. Pour autant, si vous pensez qu'une fonctionnalité est manquante, n'hésitez pas à contribuer en faisant une PR ou créer une issue avec votre proposition de nouvelle fonctionnalité.
Si vous êtes intéressé pour jeter un oeil, vous pouvez voir le rendu à ce lien, sur la Page Demo.
Articles sur le même sujet
Etendre le type Window avec Typescript
Certaine des propriétés et fonctions du type Window avec Typescript, ne sont pas disponibles. Ce post a pour but d'expliquer comme étendre le type Window avec les propriétés manquantes.
Etendre le type Window avec Typescript
Certaine des propriétés et fonctions du type Window avec Typescript, ne sont pas disponibles. Ce post a pour but d'expliquer comme étendre le type Window avec les propriétés manquantes.
Comment récupérer la chaine de charactères HTML d'un composant React
Dans plusieurs cas, vous pourriez avoir besoin d'avoir la chaine de charactère représentant le HTML généré plutôt que le composant React. Le moyen le plus simple est d'utiliser la fonction renderToString du package react-dom.
Articles mis en avant
Comment activer la vérification de typage pour Python dans VSCode
Python supporte désormais le [type hints](https://docs.python.org/3/library/typing.html). Dans cet article, nous allons voir comment avoir de l'IntelliSense pour le typage ainsi qu'avoir les erreurs de typage sur Visual Studio Code.
Comment gérer l'internationalisation avec NextJS SSG
Générer statiquement un site avec le framework NextJS pour différentes langues n'est pas si simple.
Utilisateurs et privilèges sous MySQL
L'administration d'une base de données inclue la gestion des utilisateurs et de leurs privilèges. La plupart du temps, une interface graphique, telle que MySQL Workbench ou PHPMyAdmin, est disponible pour réaliser de façon simple les actions liées à cette gestion. Dans ce tutoriel, nous allons voir comment réaliser la gestion des utilisateurs MySQL au moyen de requêtes SQL.