Introduction

Avant de commencerpermalink

Si vous débutez avec Svelte ou SvelteKit, nous vous recommandons de jeter un œil au tutoriel interactif.

Si vous êtes bloqué•e, n'hésitez pas à demander de l'aide sur le forum du Discord francophone, ou bien du Discord officiel.

C'est quoi SvelteKit ?permalink

SvelteKit est un framework permettant de développer des applications web robustes et performantes avec Svelte. Si vous êtes habitué•e à React, SvelteKit est comparable à Next. Si vous êtes habitué•e à Vue, SvelteKit est comparable à Nuxt.

Pour en apprendre plus sur les types d'application que vous pouvez construire avec SvelteKit, rendez-vous sur la FàQ

C'est quoi Svelte ?permalink

Pour faire court, Svelte est un moyen d'écrire des composants d'interface visuelle — comme une barre de navigation, une section de commentaires, ou un formulaire de contact — que les utilisateurs et utilisatrices voient et utilisent dans leurs navigateurs. Le compilateur Svelte convertit vos composants en du code JavaScript qui peut être exécuté pour afficher le HTML des pages, ainsi qu'en CSS qui applique le style des pages. Vous n'avez pas besoin de connaître Svelte pour comprendre le reste de ce guide, mais cela peut définitivement aider. Si vous souhaitez en savoir plus, n'hésitez pas à aller faire le tutoriel dédié à Svelte

SvelteKit vs Sveltepermalink

Svelte affiche des composants visuels. Vous pouvez composer ces composants et construire des pages entières juste avec Svelte, mais vous aurez besoin d'autres outils que Svelte pour construire une application complète.

SvelteKit vous permet de construire des applications web en suivant les bonnes pratiques modernes et en fournissant des solutions aux problématiques courantes de développement. SvelteKit propose un environnement de développement clé en main, depuis des outils basiques — comme un routeur qui met à jour l'interface lorsqu'un lien est cliqué — jusqu'à des fonctionnalités plus avancées. L'étendue de ses fonctionnalités inclut l'optimisation des builds pour ne charger que la quantité de code strictement nécessaire ; le support hors-ligne ; le pré-chargement des pages avant que la navigation ne soit initiée ; la configuration de rendu qui vous permet de construire différents morceaux de votre application sur le serveur avec du SSR, dans le navigateur avec du rendu côté client, ou au moment de la compilation avec du pré-rendu ; l'optimisation des images ; et bien d'autres choses. Construire une application web en suivant toutes les bonnes pratiques est diaboliquement compliqué, mais SvelteKit s'occupe de toutes ces choses pénibles afin que vous vous concentriez sur les parties plus créatives.

SvelteKit reflète les changements de votre code instantanément dans le navigateur pour vous offrir une expérience de développement riche et efficace en utilisant Vite au travers d'un plugin Svelte, permettant ainsi le Hot Module Replacement (HMR).