CATALOGUE Code & Data Formation Svelte Apprendre Svelte 3 et SvelteKit 1.0

Organiser des pages avec des layouts spécifiques dans SvelteKit

Retour à la formation
Chapitre 10 Leçon 7
Précédent
Suivant

Apprenez à regrouper plusieurs pages dans un dossier et à appliquer un layout spécifique dans SvelteKit.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer comment regrouper plusieurs pages au sein de dossiers portant des noms quelconques mais entourés de parenthèses. Ces parenthèses n'influencent pas le chemin des pages regroupées, ce qui permet une organisation flexible. En définissant un fichier layout.svelte dans chaque groupe, ce layout sera appliqué à toutes les pages du groupe concerné. Par exemple, deux groupes de pages nommés 'courrier' et 'cursive' peuvent être définis, chacun contenant des pages distinctes. Aucune définition de layout global n'est requise, chaque groupe appliquera son propre layout aux pages qu'il contient. Vous verrez également dans la prochaine vidéo comment charger des données de façon asynchrone dans un composant SvelteKit.

Objectifs de cette leçon

Apprendre à configurer des layouts spécifiques pour des groupes de pages dans SvelteKit afin d'améliorer la modularité et l'organisation des projets.

Prérequis pour cette leçon

Notions de base en développement web, familier avec Svelte et SvelteKit.

Métiers concernés

Développeurs front-end, développeurs web, architectes logiciels cherchant à structurer des projets web avec SvelteKit.

Alternatives et ressources

Pour organiser des layouts dans d'autres frameworks, vous pouvez explorer Next.js, Nuxt.js ou Gatsby.

Questions & Réponses

Les parenthèses permettent de regrouper des pages sans affecter leur chemin, facilitant ainsi l'organisation du projet.
Les pages utiliseront le layout défini dans leur groupe respectif s'il n'existe pas de layout global.
Cela permet une modularité accrue et une meilleure organisation, chaque groupe de pages pouvant avoir un design et une structure distincts.