Passez à un site internet moderne, ultra rapide et performant avec Gatsby JS ou Next.js.

7 bonnes raison d'utiliser Gatsby.js et WordPress pour ton site internet

15 février 2023

gatsby-wordpress

Gatsby + Wordpress : pour moi c'est la meilleure stack pour ton site web... Et voici 7 bonnes raisons pour que tu l'utilises pour ton prochain projet.

Le meilleur des deux mondes :

- un backoffice WordPress gratuite, open source hyper convivial et que tout le monde connait pour administrer tes contenus

- mais sans les contraintes du Wordpress classique, en utilisant un front end séparé avec Gatsby

1) Performances et rapidité : Gatsby est conçu pour créer des sites web performants et ultra-rapides. En utilisant WordPress comme CMS et Gatsby pour la partie front-end, tu obtiens un site web à la fois rapide et dynamique.

L'avantage d'un Wordpress sur un headless CMS hébergé sur le cloud c'est que WordPress est open source et que tu es maitre de tes contenus / de ta base de donnée. Après j'adore aussi utiliser DatoCMS ou Contentful mais il y a un risque de perdre tes données si la boîte fait faillite ou augmente sensiblement ses tarifs.

2) Sécurité : WordPress est souvent critiqué pour ses problèmes de sécurité, mais en utilisant Gatsby pour le front-end, ton site web est protégé de manière plus efficace contre les attaques de pirates.

Gatsby va générer un site statique à l'aider de tes contenus WordPress. Imagine ton site web comme une image ou un pdf. Plus de porte d'entrée pour Jean Michel pirate !

3) Expérience utilisateur améliorée : Gatsby crée des sites web avec des temps de chargement très rapides, ce qui améliore l'expérience utilisateur et peut réduire le taux de rebond.

Avec un système de cache, d'optimisation des images, de lazy loading, on peut très facilement obtenir entre 90 et 100% sur les "core web vitals" de google Lighthouse. Puis ca plait à notre pote Google pour le référencement.

4) Meilleur référencement naturel : En combinant Gatsby avec WordPress, tu peux bénéficier des fonctionnalités de référencement avancées de WordPress tout en profitant des performances supérieures de chargement de Gatsby susmentionnées.

5) Intégration facile et évolutivité : Gatsby est conçu pour être facilement intégré avec une variété d'API et de sources de données, ce qui permet d'ajouter facilement de nouvelles fonctionnalités et de connecter ton site web à d'autres applications.

6) Scalabilité : pas de serveur PHP comme sur un WordPress classique, ton site est généré statiquement et hébergé sur un CDN (gratuit sur Netlify par exemple) qui supporte des trafics importants

Tu as régulièrement des pics de trafic ? C'est top. Mais dommage de perdre tous ces visiteurs à cause d'un serveur surchargé. Avec ce système tu n'auras plus ce problème.

7) Utilisation de technologies modernes : En utilisant Gatsby et WordPress ensemble, tu profites des dernières technologies web, telles que le framework React utilisé par Gatsby, tout en utilisant le CMS WordPress, Gratuit, Open source et éprouvé pour la gestion de contenu.

Dans les prochaines semaines je vais essayerde te parler un plus de technique - mise en place de l'architecture - gestion des images - mise en place d'un menu de navigation - mise en place d'un sélecteur de langues - gestion des formulaires de contact keep in touch !

Retour aux articles