Ajouter un bouton "Ouvrir dans Firebase Studio"

Avec Firebase Studio, vous pouvez simplifier les étapes permettant à un nouveau venu dans votre codebase de configurer son environnement de développement et de devenir productif.

Exemple :

  • Si vous travaillez en équipe avec d'autres contributeurs, vous pouvez personnaliser votre environnement précisément pour votre projet, puis valider votre fichier .idx/dev.nix dans le dépôt Git de votre projet. Ainsi, lorsqu'un collaborateur importe votre dépôt Git dans Firebase Studio, son nouvel espace de travail aura exactement la même configuration que la vôtre, avec les mêmes packages système, extensions d'IDE, scripts de démarrage, etc.

  • Si vous créez un framework ou une bibliothèque à utiliser par d'autres personnes, vous pouvez inclure un fichier .idx/dev.nix dans vos dépôts d'exemples de code. Ainsi, lorsqu'un utilisateur importe vos exemples dans Firebase Studio, il peut ignorer la configuration de l'environnement et passer directement à l'essai de votre framework. Vous pouvez même créer votre propre modèle personnalisé comme point de départ personnalisable et orienté pour vos utilisateurs.

Une fois que vous êtes satisfait des personnalisations de votre environnement, vous pouvez faciliter encore plus l'importation de votre projet dans Firebase Studio en ajoutant un bouton "Ouvrir dans Firebase Studio" à votre documentation, comme le fichier README.md de votre projet.

Points d'entrée courants "Ouvrir dans Firebase Studio"

Plusieurs formats d'URL sont disponibles pour un bouton "Ouvrir dans Firebase Studio" :

  • Pour créer un lien vers le flux Importer un dépôt Git, prérempli avec l'URL de votre dépôt Git, utilisez ce modèle d'URL:

    https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo

    Pour le moment, seuls les dépôts GitHub (privés et publics) sont compatibles.

  • Pour créer un lien vers un modèle d'espace de travail prédéfini, recherchez le modèle qui vous intéresse sur la page Modèles de Firebase Studio, puis copiez son URL, qui doit suivre ce format:

    https://studio.firebase.google.com/new/gemini

  • Pour créer un lien vers un modèle personnalisé, prérempli avec l'URL GitHub de votre modèle, utilisez ce modèle d'URL:

    https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template

Ajouter un bouton "Ouvrir dans Firebase Studio"

Installez le SDK Open in Firebase Studio ou utilisez cet outil pour générer le code HTML d'un bouton Firebase Studio: