Comprendre une stack technique

Une stack technique est l’ensemble des briques technologiques utilisées pour construire, exécuter et livrer une application. Chaque technologie remplit un rôle dans une couche du système, par exemple l’interface, le backend, les données ou l’hébergement.

Source : Syndicode

Source : Syndicode

Décrire le périmètre

Une stack peut contenir les couches suivantes :

Une stack nomme les technologies qui structurent le développement, l’exécution ou le déploiement. Une petite bibliothèque utilitaire n’y figure que si elle impose une contrainte ou un mode de travail qui compte pour le projet.

Stack et architecture répondent à des questions différentes

Deux applications peuvent utiliser la même stack et avoir des architectures différentes. Une application Node.js peut être un monolithe modulaire ou un ensemble de services. À l’inverse, une architecture client-serveur peut utiliser Node.js et MongoDB, ou Laravel et PostgreSQL.

Que signifie full stack ?

Une application dite full stack comprend au moins une interface, un backend et un moyen de stocker les données. Une personne full stack intervient sur plusieurs de ces couches. L’expression ne précise ni les technologies utilisées ni le niveau de maîtrise de chaque couche.

Exemples de stacks

La stack MEAN

MEAN regroupe quatre technologies :

MongoDB base de données orientée documents

Express framework HTTP exécuté avec Node.js

Angular framework d’interface web

Node.js environnement d’exécution JavaScript côté serveur

Dans le navigateur, Angular envoie des requêtes HTTP à Express, qui tourne sur Node.js et interroge MongoDB.

Angular, Express et Node.js utilisent JavaScript ou TypeScript. MongoDB stocke des documents BSON et fournit un pilote pour Node.js. Cette proximité réduit le nombre de langages utilisés, mais elle ne supprime pas les contrats entre le frontend, l’API et la base.

Le nom MEAN ne précise ni l’hébergeur, ni le proxy inverse, ni les outils de test et de livraison. Il ne donne pas non plus les versions. Cette dernière information compte, car un ancien projet MEAN peut utiliser AngularJS tandis qu’un projet récent utilise Angular.

Dans la variante MERN, React remplace Angular.

La stack TALL

TALL appartient à l’écosystème Laravel :

Tailwind CSS production des styles à partir de classes utilitaires

Alpine.js interactions locales dans le navigateur

Laravel framework PHP pour les routes, les règles métier et l’accès aux services

Livewire composants PHP interactifs mis à jour par des requêtes au serveur

sequenceDiagram
  actor P as Personne
  participant N as Navigateur
  participant L as Laravel et Livewire
  participant D as Base de données
  P->>N: modifie un composant
  N->>L: envoie la mise à jour
  L->>D: lit ou modifie les données
  D-->>L: renvoie le résultat
  L-->>N: renvoie le HTML mis à jour
  N->>N: met à jour les éléments concernés

Livewire rend du HTML sur le serveur puis met à jour le document dans le navigateur. Alpine.js gère les interactions qui peuvent rester locales, comme ouvrir un menu. Cette répartition peut limiter le code JavaScript propre au projet. Elle ajoute des requêtes serveur pour les mises à jour Livewire et demande de définir quelles interactions restent dans Alpine.js.

TALL ne précise pas la base de données, le serveur web, le système d’exploitation ou l’hébergeur. Une description exploitable pourrait donc être : TALL avec PostgreSQL, Nginx et Linux, déployé sur une machine virtuelle.

Deux autres exemples

LAMP désigne couramment Linux, Apache, MySQL et PHP. Son périmètre part du système d’exploitation et va jusqu’au langage du backend. Selon les sources, le P peut aussi désigner Perl ou Python. LAMP ne précise pas le framework PHP ni l’organisation du frontend.

Une stack n’a pas besoin d’un acronyme. Un projet peut annoncer simplement : Vue pour l’interface, Laravel pour l’API, PostgreSQL pour les données, Nginx sur Linux pour le déploiement.

Documenter la stack d’un projet

Ressources

• MongoDB, What Is the MEAN Stack?, distinction entre MEAN, MERN et MEVN.
• TALL stack, Reactive Laravel Apps with the TALL stack, composition de l’acronyme.
• Laravel Livewire, Hydration, échanges entre les composants PHP et le navigateur.
• Ubuntu Server, How to install Apache2, composition courante de LAMP.