Quelle est ma stack technique ?

Que ce soit une boutique en ligne, un blog, un site vitrine, etc. Si vous avez développé et mis en ligne un site web et que vous passez des entretiens d’embauche pour travailler dans la tech. Vous devez vous préparer à cette question et savoir ce qui se cache en arrière boutique.

Si vous êtes novice ou que l’équipe de développement de votre projet web à disparu du jour au lendemain, vous pouvez commencer par utiliser l’excellent outil Wappalyzer qui donne un aperçu des éléments techniques (stack technique) et fonctionnelles utilisé par le site que vous visité.

Dans un soucis de transparence et pour vous aider dans vos choix, je vous partage quelques éléments de ma présence sur internet via mon site et mon blog.

Pexels @olly

"Stack technique" De quoi parle-t-on ?

Egalement appelée “pile de technologie”, “tech stack” ou “écosystème de données”, une stack technique correspond à la liste des tous les outils technologiques qui interagissent ensemble dans le cadre du développement et l’exploitation d’un logiciel, d’une application ou d’un site web.

« Stack » veut dire pile en français, donc la stack technique est la pile technique des technos utilisés »

Plus précisément, la stack technique liste de manière exhaustive de tous les outils et technologies : langages de programmation, les frameworks, bases de données, etc. Tout ce dont un membre de l’équipe développement aura besoin de connaître, voir maîtriser pour interagir avec l’équipe et le site web. C’est pourquoi, grâce à son exhaustivité elle donne un aperçu global des forces et faiblesses du site web. Mais aussi, c’est un point déterminant en matière de recrutement.

Pour ma part, je liste ici les grandes lignes de la création de mon site web personnel et de mon blog. Il y a des choix que vous jugerez pertinent, d’autre pour lesquelles vous connaîtrez de meilleurs outils. Gardez à l’esprit que je ne suis pas ingénieur en développement ou développeur, il s’agit de choix induit, pratique et robuste.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Nom de domaine : OVH

La gestion du nom de domaine, alias, variantes, e-mails, etc de mon site et blog sont gérés chez OVH. Pour mes clients comme pour moi-même j’utilisais le même fournisseur, ça facilite les échanges en cas de soucis.

Hébergement : OVH

Par soucis de simplicité, l’hébergement du site et du blog est également chez OVH.

CMS / Gestionnaire de contenu : WordPress

Après une première expérience de blogging sur joomla, il y a quelques années. Quand je me suis remis au web, j’ai hésité entre drupal et wordpress. J’ai choisi wordpress pour sa rapidité d’apprentissage, sa souplesse dans ses modifications, extensions et ses capacités évolutives en terme de besoin. En plus, comme j’ai eu le plaisir de développer en tant que freelance des sites professionnels d’entreprises, il s’avérait plus efficace de se concentrer sur ce seul CMS.

Langage de programmation principal : PHP

WordPress est développé en PHP qui est historiquement le langage de publication des sites web. C’est aussi un langage très utilisé dans le milieu de professionnel avec une grande communauté.

Base de données : MySQL

WordPress repose sur une base de donnée relationnel MySQL. C’est un type très utilisé en entreprise avec aussi une grande communauté et fait office de référence.

Autres langages utilisés

HTML et CSS 😱. Ce ne sont pas des langages de programmation, je les utilise à la marge pour des modifications stylistiques mineures. Mais c’est important de savoir les utiliser.

Constructeur de page : Elementor

Afin de créer une architecture du site agréable, d’améliorer le rendu des pages et articles, j’utilise Elementor. Même si apparemment, il alourdit le chargement des pages, l’interface WYSIWYG est simple pour créer et effectuer des modifications à la volée.

Thème WordPress : Astra

Souvent utilisé pour mes projets professionnels en parallèle du thème Ocean. J’ai fini par me concentrer uniquement sur Astra, qui est un excellent thème simple, beau, évolutif mais surtout maintenu à jour. C’est un thème personnalisable pour tout type de métier et permet d’évoluer d’un simple site vitrine vers un site e-commerce ou avec une application en parallèle.

Outils d'analyses statistiques (Analytics) : Matomo

Après une première expérience Google Analytics (j’ai même passé la certification), j’ai basculé sur Matomo qui est plus simple et respectueux de la vie privée.

SEO : Google Site Kit et Rank Math

Google restant le moteur de recherche le plus utilisé dans le monde, j’utilise l’outil Site kit mais j’ai désactivé et supprimé le compte google analytics associé. Ainsi, je conserve uniquement conservé les outils me permettant de suivre les statistiques de recherche et clics menant au site.

Rank Math me sert principalement à analyser mes pages et articles pour les optimiser pour le SEO et les partages sur les réseaux sociaux.

Sécurité : Akismet et Wordfence

La sécurité du site est assuré par 2 outils. Le premier Akismet, l’outil de base pour gérer les spams et utilisateurs indésirables qui souhaitent laisser des commentaires. Le second, Wordfence qui est en charge de s’assurer du bon fonctionnement du site et monitorer les tentatives d’intrusions malveillantes.

Pexels @cottonbro

Plus d'informations

Comme indiqué en préambule, vous pouvez avoir un aperçu de la liste des technologies utilisés en ajoutant wappalyser à votre navigateur. Mais aussi en consultant ma page de mentions légales qui donne plus d’informations sur les extensions que j’utilise pour le site 🕵️‍♂️.

Maintenant, vous pouvez vous demander mais pourquoi avoir doubler le travail avec un site et un blog distinct. Pour le savoir découvrez l’article à l’origine de ma présence web, de mon organisation et stratégie.

Si vous souhaitez en savoir plus ou avez des suggestions, je vous invite à me contacter directement sur les réseaux sociaux twitter, linkedIn ou via la page de contact.

Photos : Pexels

photo du profil de syl20pro

A propos de l'auteur

Je suis Sylvain Gemieux alias syl20pro, spécialiste en gestion et maintenance du patrimoine immobilier. J’ai un goût prononcé pour l’informatique et la transformation numérique.

J’aime partager sur mon blog et mon site web mes découvertes, expériences pro et perso. Retrouvez-moi sur vos réseaux sociaux.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.