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.
Consulting
Si vous recherchez des solutions à un problème ou avez besoin de conseils, je suis là pour vous aider ! N'hésitez pas à réserver un call avec moi pour une session de consulting personnalisée. Discutons de votre situation et trouvons ensemble la meilleure solution à implémenter.
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
MySQL Docker Image pour les Mac ARM M1
Le problème avec les Apple M1 et les Apple M2 est que de nombreux logiciels ne sont encore pas compatible avec la microarchitecture ARMv8 comme les images officielles Docker pour MySQL par exemple.
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.