5. Créer le projet sur Firebase

Pour commencer, nous devons nous connecter à la console d’administration de Firebase. Vous devrez entrer vos identifiants Google si vous n’étiez pas déjà connecté. C’est depuis cet espace que nous allons pouvoir créer un nouveau projet sur Firebase.

Vous verrez un bouton, en haut à gauche de la page, intitulé Ajouter un projet. Cliquez dessus, et une nouvelle page va s’ouvrir.

Vous allez devoir choisir un nom pour votre projet :

Entrez un nom pour votre nouveau projet.

De mon côté, j’ai renseigné « react-firebase-app » comme nom de projet. Ce n’est pas très original, alors n’hésitez pas à être plus inventif que moi.

Ensuite, cliquez sur « Continuer », et vous devriez arriver sur l’écran suivant :

Pensez à bien décocher l’activation de Google Analytics !

Sur ce deuxième écran, Google vous demande gentillement d’ajouter le calcul de statistique sur votre site. Si vous laissez cette case cochée, vous devrez ensuite vous créer un nouveau compte Google Analytics, qui est outil d’analyse du traffic pour votre site web. Comme ce n’est pas notre objectif, décochez bien cette case.

Finalement, cliquez sur Créer un projet. Une maginifique icône de chargement devrait apparaître :

Firebase est gentillement entrain de créer notre projet.

Et finalement, c’est la consécration, Firebase devrait vous confirmer qu’il a terminé la création de votre projet :

Firebase a terminé la création de notre projet.

Vous arrivez ensuite dans un espace dédié à l’administration de votre application. Dans le menu, à gauche de l’interface, vous trouvez un onglet intitulé « Hosting« . Il s’agit du service que nous allons utiliser, et c’est à cet endroit que vous pourrez consulter l’historique de vos déploiements sur Firebase :

Firebase propose plusieurs service, mais seul « Hosting » nous intéresse pour héberger notre application.

Maintenant, vous avez un projet disponible sur Firebase, prêt à accueillir les fichiers de notre application. 🔥