Stack de dev : de Docker à OhDear, pour des sites WordPress et WooCommerce au top !

Hello à tous les amateurs de développement web ! Si vous êtes là, c’est sûrement parce que vous cherchez à améliorer vos compétences ou que vous voulez découvrir de nouveaux outils pour améliorer votre workflow 👍
Chez AmphiBee, nous avons ce qu’il vous faut ! En tant qu’agence web spécialisée dans la création de sites internet basés sur WordPress et WooCommerce, nous avons rassemblé une belle collection d’outils pour nous aider à créer des sites rapides, fiables et performants. Dans cet article, nous allons vous présenter notre stack de dev, de Docker à OhDear, en passant par Gitlab CI/CD et bien plus encore ! 🎉

Le dev en local

Pour commencer, parlons de notre environnement de développement local. Nous utilisons Docker, qui nous permet de créer des conteneurs isolés pour chaque projet. Cela nous permet de gérer facilement toutes les dépendances de notre projet, de la configuration du serveur web à la base de données, en passant par la version de PHP et des extensions nécessaires. Nous pouvons ainsi travailler sur plusieurs projets simultanément, sans nous soucier des conflits entre les différentes versions de PHP ou des librairies nécessaires. Cela nous permet également d’être au plus proche de la configuration du serveur qui héberge le site internet 👌

Nous utilisons également Git pour la gestion de version de code. C’est un outil incontournable pour tout développeur sérieux ! Avec Git, nous pouvons facilement suivre l’historique de nos modifications de code, collaborer avec d’autres développeurs et travailler sur différentes branches de développement 🐙

Enfin, nous utilisons Composer pour gérer les dépendances de notre projet, y compris les versions de WordPress et de ses extensions. C’est une excellente alternative à une gestion du core de WordPress et de ses plugins via l’administration car nous n’avons pas à stocker les fichiers du CMS et ceux de ses plugins dans le dépôt Git et cela nous permet également une gestion affinée des versions. Avec Composer, nous pouvons facilement installer, mettre à jour et gérer toutes les librairies dont nous avons besoin pour notre projet.

Nous sommes également fans des tests automatisés, qui nous aident à vérifier la qualité de notre code. Nous utilisons Laravel Pint et Eslint entre autre. Laravel Pint nous permet de tester notre code PHP, tandis qu’Eslint nous aide à détecter les erreurs dans notre code JavaScript. Avec ces outils, nous pouvons vérifier que notre code est cohérent, bien structuré et sans erreur 🤠

La gestion des mises en ligne

Passons maintenant à la gestion des mises en ligne. Chez AmphiBee, nous sommes de grands fans de Gitlab CI/CD. Avec Gitlab CI/CD, nous pouvons automatiser tout le processus de déploiement de nos sites internet, depuis les tests automatisés jusqu’à la mise en production ⚙️

Comment cela fonctionne-t-il ? Tout commence par les tests automatisés. Nous effectuons des tests de qualité de code avec Eslint et Laravel Pint notamment (encore eux !) pour nous assurer que le code est sans erreur et bien structuré. Si les tests sont validés, le développeur envoie une demande de fusion à l’équipe de lead développeurs, qui examine le code pour s’assurer qu’il respecte les standards de qualité de l’agence 🔍

Après que l’équipe de lead développeurs ait approuvé la fusion, le code est automatiquement déployé sur l’environnement approprié, selon la branche git utilisée. Si la fusion a été faite sur la branche « preprod », le site est déployé sur notre environnement de pré-production, où nous effectuons les tests finaux avant la mise en production. Si la fusion a été faite sur la branche « main », le site est déployé sur notre environnement de production 🍾

Nous aimons beaucoup Gitlab CI/CD parce que cela nous permet de gagner du temps et de minimiser les erreurs humaines. Nous sommes également en mesure de surveiller en temps réel les changements de code et les tests effectués sur notre projet.

Et après ?

Une fois que nos sites internet sont en production, nous utilisons le service OhDear pour le suivi. C’est un service Saas qui nous permet de vérifier régulièrement l’état de notre parc de sites internet. OhDear nous permet de vérifier la disponibilité du site internet, de surveiller l’état de leurs services, de vérifier la validité des certificats SSL, de traquer les liens morts et de tester les performances avec Lighthouse 🚀

Nous aimons OhDear parce qu’il nous permet de surveiller notre site internet en temps réel et de recevoir des alertes en cas de problème. Nous pouvons ainsi réagir rapidement pour corriger les erreurs et minimiser les temps d’arrêt.

En conclusion

Et voilà, c’est la fin de cet article ! Si vous avez lu jusqu’ici, c’est que vous êtes probablement un passionné de développement web et que vous êtes doté d’une bonne dose de curiosité !
Chez AmphiBee, nous avons une approche sérieuse du développement web, mais nous ne nous prenons pas trop au sérieux non plus. Que vous soyez un développeur débutant ou un vétéran du code, nous espérons que vous avez trouvé cet article utile et que cela vous donnera l’envie de découvrir ces différents outils et services et que vous les trouverez aussi utiles que nous !

N’hésitez pas à nous partager aussi vos secrets de conception sur Twitter !