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

mars 5, 2023 Rédigé par Olivier

Sommaire

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 !

Photo de l'auteur https://secure.gravatar.com/avatar/?s=200&d=mm&r=g

Olivier

D'autres articles pouvant vous plaire

La représentation d'un fil d'Ariane sur un écran d'ordinateur portable

Les méthodes pour ajouter le fil d’Ariane sur WordPress

Secrets de fabrication
26 février 2025

Un clic, puis un autre, et soudain cette sensation désagréable : « Où suis-je sur ce site ? » Cette désorientation digitale, vos visiteurs la vivent quotidiennement sur les sites mal structurés. À chaque seconde d’incertitude, la probabilité de perdre un client potentiel augmente.  Un fil d’Ariane sur WordPress agit comme une boussole virtuelle, rassurant instantanément vos […]

Multichoix pour site web

Comment faire correctement une arborescence pour son site E-commerce ?

Démarrer son projet Secrets de fabrication
07 janvier 2025

C’est une étape essentielle pour atteindre vos objectifs avec votre site e-commerce. Pourtant, elle est très souvent négligée. Elle a un impact positif à la fois sur l’expérience utilisateur (UX) et sur le référencement naturel (SEO). Ces deux piliers sont indispensables pour générer du trafic et convertir vos visiteurs en clients. Eh oui, 68% des […]

Questionnement pour son site web

Comment définir une arborescence pour son site internet ?

Démarrer son projet Secrets de fabrication
07 janvier 2025

Créer l’arborescence de votre site internet est une étape indispensable pour atteindre vos objectifs avec votre site. En effet, l’arborescence influe positivement sur l’expérience utilisateur, mais aussi sur votre référencement naturel. En bref, elle est essentielle pour une présence en ligne réussie. C’est grâce à une arborescence claire que votre visiteur peut facilement naviguer d’une […]

Icon chevron pour slider à gauche
Icon chevron pour slider à droite