← Tous les chapitresChapitre 4 · ~20 min

SvelteKit & rendu

Passer à la version full-stack de Svelte : routing, load et rendu serveur.

SvelteKit est le framework applicatif de Svelte : routing par fichiers, rendu serveur (SSR) et pré-rendu.

  • Un seul projet pour gérer front, back et API.
  • Chaque fichier src/routes/unchemin/+page.svelte devient une route.
  • Le SSR améliore le SEO et le temps de premier affichage.
src/routes/+page.sveltesvelte
<script>
  let { data } = $props()
</script>

<h1>Bienvenue dans l'application</h1>
<p>Donnée servie par le load : {data.message}</p>