|
2 | 2 | title: Introduction |
3 | 3 | --- |
4 | 4 |
|
5 | | -## Before we begin |
| 5 | +## Avant de commencer |
6 | 6 |
|
7 | | -> If you're new to Svelte or SvelteKit we recommend checking out the [interactive tutorial](https://learn.svelte.dev). |
| 7 | +> Si vous débutez avec Svelte ou SvelteKit, nous vous recommandons de jeter un œil au [tutoriel interactif](PUBLIC_LEARN_SITE_URL). |
8 | 8 | > |
9 | | -> If you get stuck, reach out for help in the [Discord chatroom](https://svelte.dev/chat). |
| 9 | +> Si vous êtes bloqué•e, n'hésitez pas à demander de l'aide sur le forum du [Discord francophone](PUBLIC_SVELTE_SITE_URL/chat), ou bien du [Discord officiel](https://svelte.dev/chat). |
10 | 10 |
|
11 | | -## What is SvelteKit? |
| 11 | +## C'est quoi SvelteKit ? |
12 | 12 |
|
13 | | -SvelteKit is a framework for rapidly developing robust, performant web applications using [Svelte](https://svelte.dev/). If you're coming from React, SvelteKit is similar to Next. If you're coming from Vue, SvelteKit is similar to Nuxt. |
| 13 | +SvelteKit est un <span class="vo">[framework](PUBLIC_SVELTE_SITE_URL/docs/web#framework)</span> permettant de développer des applications web robustes et performantes avec [Svelte](PUBLIC_SVELTE_SITE_URL). Si vous êtes habitué•e à React, SvelteKit est comparable à Next. Si vous êtes habitué•e à Vue, SvelteKit est comparable à Nuxt. |
14 | 14 |
|
15 | | -To learn more about the kinds of applications you can build with SvelteKit, see the [FAQ](/docs/faq#what-can-i-make-with-sveltekit). |
| 15 | +Pour en apprendre plus sur les types d'application que vous pouvez construire avec SvelteKit, rendez-vous sur la [FàQ](/docs/faq#quoi-sert-sveltekit) |
16 | 16 |
|
17 | | -## What is Svelte? |
| 17 | +## C'est quoi Svelte ? |
18 | 18 |
|
19 | | -In short, Svelte is a way of writing user interface components — like a navigation bar, comment section, or contact form — that users see and interact with in their browsers. The Svelte compiler converts your components to JavaScript that can be run to render the HTML for the page and to CSS that styles the page. You don't need to know Svelte to understand the rest of this guide, but it will help. If you'd like to learn more, check out [the Svelte tutorial](https://svelte.dev/tutorial). |
| 19 | +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](PUBLIC_SVELTE_SITE_URL/tutorial) |
20 | 20 |
|
21 | 21 | ## SvelteKit vs Svelte |
22 | 22 |
|
23 | | -Svelte renders UI components. You can compose these components and render an entire page with just Svelte, but you need more than just Svelte to write an entire app. |
| 23 | +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. |
24 | 24 |
|
25 | | -SvelteKit helps you build web apps while following modern best practices and providing solutions to common development challenges. It offers everything from basic functionalities — like a [router](glossary#routing) that updates your UI when a link is clicked — to more advanced capabilities. Its extensive list of features includes [build optimizations](https://vitejs.dev/guide/features.html#build-optimizations) to load only the minimal required code; [offline support](service-workers); [preloading](link-options#data-sveltekit-preload-data) pages before user navigation; [configurable rendering](page-options) to handle different parts of your app on the server via [SSR](glossary#ssr), in the browser through [client-side rendering](glossary#csr), or at build-time with [prerendering](glossary#prerendering); [image optimization](images); and much more. Building an app with all the modern best practices is fiendishly complicated, but SvelteKit does all the boring stuff for you so that you can get on with the creative part. |
| 25 | +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](glossary#routing) 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](https://vitejs.dev/guide/features.html#build-optimizations) pour ne charger que la quantité de code strictement nécessaire ; le [support hors-ligne](service-workers) ; le [pré-chargement](link-options#data-sveltekit-preload-data) des pages avant que la navigation ne soit initiée ; la [configuration de rendu](page-options) qui vous permet de construire différents morceaux de votre application sur le serveur avec du [SSR](glossary#ssr), dans le navigateur avec du [rendu côté client](glossary#csr), ou au moment de la compilation avec du [pré-rendu](glossary#pr-rendu) ; [l'optimisation des images](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. |
26 | 26 |
|
27 | | -It reflects changes to your code in the browser instantly to provide a lightning-fast and feature-rich development experience by leveraging [Vite](https://vitejs.dev/) with a [Svelte plugin](https://github.com/sveltejs/vite-plugin-svelte) to do [Hot Module Replacement (HMR)](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#hot). |
| 27 | +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](https://vitejs.dev/) au travers d'un [plugin Svelte](https://github.com/sveltejs/vite-plugin-svelte), permettant ainsi le [Hot Module Replacement (HMR)](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#hot). |
0 commit comments