Le glossaire · Une idée plus claire
Layout (Mise en page)
Un layout est un regroupement et une disposition de composants graphiques communs entre plusieurs pages d'une application
Mis à jour le
Une mise en page ou « layout » en Anglais est un patron de conception permettant de réutiliser des parties communes de l'interface entre les différentes page de notre application.
Dans un layout de base il y a généralement le header (ou en-tête) de la page ou le footer (le pied de page). Dans ces deux éléments de navigation nous avons généralement le menu de l'application qui permet de naviguer entre les pages de cette dernières.
Un exemple d'utilisation avec NextJS
Pour mettre en place les layouts sur NextJS avec Typescript on peut éventuellement s'inspirer de l'article de blog suivant : Le pattern de layouts persistants.
Pourquoi utiliser un layout ?
Un layout évite de répéter les mêmes éléments (en-tête, menu, pied de page) dans chaque page : on les définit une fois et chaque page n'apporte que son contenu propre. Il s'agit d'une partie du frontend, qui facilite la cohérence visuelle et la maintenance.
Des frameworks comme Next.js intègrent ce concept, et on le retrouve aussi en mobile avec React Native (une barre de navigation commune, par exemple).
La prochaine étape
Et si on donnait forme
à votre idée ?
30 minutes pour parler de votre projet, de vos enjeux et de la suite.