Comment créer un projet Svelte & Firebase

Cette page présente comment créer un projet Svelte hébergé chez Firebase. Ce qui suit a été réalisé avec les versions suivantes :

Créez un dépot GitHub

Rendez-vous sur votre compte GitHub. Connectez-vous ou créez un compte si vous n'en avez-pas. Créez un nouveau repo. Il vous sera demandé :

Allez dans settings, puis ajoutez d'éventuels collabotteurs le cas échéant.

Sur la page du dépôt, il y a un bouton <> Code qui vous permet de copier le lien SSH du dépôt. Ouvrez un terminal dans le dossier où vous souhaitez créer votre projet et clonez le dépôt :

git clone git@github.com:UserName/Repository

Si nécessaire, vous pouvez spécifier les informations de l'utilisateur pour votre projet:

git config --local user.name "Your Name"
git config --local user.email "you@example.com"

Créez un projet SvelteKit

La commande suivante permet de créer le projet SvelteKit. Cette commande va créer un projet du nom spécifié. Si vous souhaitez que votre dépôt GitHub contienne le projet, il faut appeller cette commande du dossier parent, sinon, un sous-dossier sera créé pour le projet Svelte:

npx sv create projectname

Une fois que le projet Svelte est créé, déplacez-vous dans le dossier du projet et lancez votre serveur local de développement :

cd projectname/
npm run dev -- --open

Si tout s'est bien passé, la page du site devrait s'ouvrir dans un navigateur avec un message de bienvenu.

Firebase

Accédez à la console de Firebase et créer un nouveau projet.

Dans le menu créer, choisissez App Hosting et cliquez sur commencer. Complétez les champs demandés et validez. Firebase va réaliser un premier déployement depui le dépôt GitHub. Normalement, après ce déployement, votre hébergement est prêt ! Cliquez sur le lien du domaine Firebase créé, vous devriez accéder à votre site hébergé sur Firebase.

Vous pouvez aussi déployer depuis l'invité de commande. Pour cela, vous devez installer les outils Firebase :

npm install -g firebase-tools

Connectez-vous à votre compte Google:

firebase login

Configurez Firebase dans votre projet :

firebase init

Choisissez App Hosting Setup pour associer l'hébergement et complétez les champs suivants.

Lorsque la configuration est terminée, vous pouvez déployer en utilisant :

firebase deploy

Et voilà !

Voir aussi

Dernière mise à jour : 26/11/2025
 Soutenez le blog de Lulu sur Tipee. Support Lulu's blog on Tipeee