Introduction

Avant de commencer

Si vous êtes nouveau ou nouvelle avec Svelte ou SvelteKit, nous vous recommandons de faire un tour sur le tutoriel interactif.

Si vous êtes coincé•e, demandez de l’aide sur le canal dédié du serveur Discord.

C’est quoi SvelteKit ?

SvelteKit est un framework se basant sur Svelte permettant de développer rapidement des applications web robustes et performantes. Si vous venez de React, SvelteKit est similaire à Next. Si vous venez de Vue, SvelteKit est similaire à Nuxt.

Pour en savoir plus sur les types d’applications que vous pouvez construire avec SvelteKit, voir la documentation sur les types de projets.

C’est quoi Svelte ?

Pour faire court, Svelte est une manière d’écrire des composants d’interface utilisateur — comme une barre de navigation, une section de commentaires, ou un formulaire de contact — avec lesquels les utilisateurs et utilisatrices vont pouvoir interagir dans leur navigateur. Le compilateur Svelte convertit vos composants en du code JavaScript qui peut être exécuté pour afficher le HTML de la page, et en du CSS pour styliser la page. Vous n’avez pas besoin de connaître Svelte pour comprendre le reste de ce guide, mais cela peut aider. Si vous souhaitez en savoir plus, rendez-vous sur tutoriel de Svelte.

SvelteKit vs Svelte

Svelte affiche des composants d’interface. Vous pouvez assembler ces composants et afficher une page entière uniquement avec Svelte, mais vous aurez besoin d’un peu plus que juste Svelte pour développer une application complète.

SvelteKit vous aide à construire des applications web en respectant les meilleures pratiques modernes et en vous fournissant des solutions à des problématiques classiques du développement web. Cela va de fonctionnalités basiques — comme un routeur qui met à jour votre interface lorsqu’un lien est cliqué — à des fonctionnalités plus avancées, comme des optimisations de compilation pour ne charger que le code strictement nécessaire ; du support hors ligne ; du préchargement de page pour anticiper la navigation ; des stratégies de rendu configurables pour gérer différentes parties de votre application sur le serveur en SSR, dans le navigateur via le rendu côté client, ou au moment de la compilation avec le prérendu ; de l’optimisation d’image ; et bien d’autres choses encore. Construire une application avec toutes les meilleures pratiques modernes est diablement compliqué, mais SvelteKit s’occupe de toutes les parties ennuyeuses pour vous, afin que vous puissiez vous concentrer sur les parties créatives.

Vos changements de code sont reflétés instantanément dans le navigateur pour fournir une expérience de développement complète et rapide comme l’éclair, en utilisant Vite associé à un plugin Svelte pour mettre en place du HMR.