SvelteKit • Web development, streamlined

web development, streamlined

rapide

Basé sur Svelte et Vite, la vitesse est gravée dans chaque recoin : installation rapide, développement rapide, builds rapides, chargements de page rapides, navigation rapide. On a mentionné que c'était rapide ?

fun

Plus de journées perdues dans des galères de configuration de compilateur, de routing, SSR, CSP, TypeScript, paramètres de déploiement et tout autre sujet pénible. Codez avec le sourire.

flexible

SPA ? MPA ? SSR ? SSG ? Check. SvelteKit vous fournit les outils pour réussir quelque soit ce que vous construisez. Et ça fonctionne partout où JavaScript fonctionne.

voyez par vous-même

Essayez en local, sur StackBlitz, ou bien avec le tutoriel interactif.

terminal

npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --open

/ˈsvɛlt/ adjectif qui produit une impression de légèreté, de souplesse, par sa forme élancée.

Regarder le documentaire Svelte Origins en entier

SvelteKit est construit par dessus Svelte, un framework d'interface qui utilise un compilateur pour vous permettre d'écrire des composants incroyablement concis qui effectuent le minimum de travail dans le navigateur, en utilisant des langages que vous connaissez déjà, HTML, CSS, JavaScript. C'est une lettre d'amour au développment web.

Mais ne nous prenez pas au mot. Les développeurs et développeuses notent régulièrement Svelte comme le framework qu' ils ou elles préfèrent utiliser.

des fonctionnalités ? on a ça en stock.

Mélangez des pages pré-rendues pour une perfomance optimale avec du rendu dynamique sur le serveur pour une flexibilité maximale. Transformez votre application en une PWA rendue côté client avec une seule ligne de code, pour toute votre application ou seulement une seule page. Utilisez un routeur côté client accessible avec du préchargement automatique pour une navigation instantanée qui ne recharge pas entièrement votre page (ni vos analytiques, et toutes ces choses qui pèsent lourd). Protégez vos utilisateurs avec de la protection CSRF et une configuration Content Security Policy simple à utiliser. Gardez vos secrets bien gardés avec une gestion avancée des variables d'environnement. Gérez les erreurs proprement et efficacement. Chargez la donnée directement depuis votre base de données et connectez votre back-end à votre front-end avec des chargements de données typés et des actions de formulaire qui fonctionnent avec ou sans JavaScript. Faites co-exister d'autres frameworks utilisant du routing côté client sur la même page. Ajoutez des service workers pour le support hors ligne. Générez des pages compatibles AMP si vous en avez le besoin. Construisez des UI complexes à l'aide d'un système puissant de routes basé sur votre arborescence de fichiers Des layouts imbriqués ? Évidemment. Apprenez les standards du web qui fonctionnent dans tous les environnements. Utilisez Tailwind et Playwright et Vitest et Storybook et, bah, ce que vous voulez. Développez des librairies ou bien des applications. Déployez partout avec les adaptateurs.

SvelteKit est le framework qui grandit avec vous, peu importe ce que vous construisez.

déployez partout

Exportez des fichiers HTML statiques. Lancer votre propre serveur Node. Déployez du code aux confins du monde. Si une plateforme fait tourner JavaScript, elle fait tourner SvelteKit — dans certains cas sans aucune configuration.

Vous voulez essayer de déployer ailleurs ? Changer votre adaptateur en une seule ligne de code.

HTML statique