Erste Schritte mit einer Firebase Studio-Vorlage

Firebase Studio unterstützt viele Frameworks und Back-Ends und bietet eine große Anzahl vorkonfigurierter Vorlagen und Beispiel-Apps für eine Vielzahl von Frameworks, Sprachen, Datenbanken und APIs.

Alle Vorlagen unten – und vor allem eine leere Vorlage, die Sie für jedes beliebige Framework verwenden können – sind in Firebase Studio und auf GitHub verfügbar. Auf GitHub finden Sie auch Community-Vorlagen, die Beiträge aus der Open-Source-Community ermöglichen.

Backend-Vorlagen

• Go
• Python Flask
• Node Express
• Rust
• Laravel
• Python Django
• Gemini API (Go-Backend)
• Gemini API (Python-Backend)
• .NET
• Java
• Dart
• C++
• Ruby
• PHP

KI-Vorlagen

• Gemini API
• LangChain mit Gemini
• Firebase Genkit
• Firebase Studio-Agents: GitHub Actions
• Firebase Studio-Agents: VSCode-Erweiterung
• Gemini API Notizbuch
• Gemini API + Google Maps Platform

Webvorlagen

• Angular
• Next.js
• Astro
• React
• Einfaches HTML
• Svelte
• Vue.js
• SolidJS
• Preact
• React + Google Maps Platform
• Google Pay API für das Web

Mobile Vorlagen

• Android Studio
• Flutter
• React Native
• React Native + Expo

Datenbanken

• Postgres
• MySQL
• Prisma
• MongoDB
• Firebase Data Connect

Lösungen und Beispiel-Apps

• Agentic Barista
• Compass Travel-Demo
• Schere, Stein, Papier-Spiel
• Journal-Buddy
• Melodiegenerierung mit Gemini
• Charaktergenerator für Pen-&-Paper-Rollenspiele
• Gemini-Bildspiel mit Flutter
• Datenbankschema mit natürlicher Sprache erstellen
• Lernkarten für Sprachen mit Gemini
• ...und vieles mehr

Eine Vorlage verwenden

So starten Sie ein Firebase Studio Projekt aus einer Vorlage:

1. Melden Sie sich in Ihrem Google-Konto an und öffnen Sie Firebase Studio.

2. Wenn Sie eine Vorlage sehen, die Sie verwenden möchten, wählen Sie sie aus. Klicken Sie andernfalls auf Alle Vorlagen ansehen und wählen Sie eine Vorlage aus, die Ihren Anforderungen entspricht.

3. Geben Sie bei Aufforderung einen Namen für Ihren Arbeitsbereich und je nach Art des ausgewählten Projekts alle anderen erforderlichen Informationen ein. Wenn Sie beispielsweise ein Python Flask-Projekt ausgewählt haben, können Sie einen Paketmanager (Poetry oder Pip) und einen Servertyp (API-Server oder Webserver) auswählen.

4. Klicken Sie auf Erstellen. Firebase Studio erstellt einen neuen Arbeitsbereich auf Grundlage der von Ihnen ausgewählten Vorlage.

Vorlagen können Folgendes enthalten:

• Benutzerdefinierte KI-Regeldateien , die Kontext für Gemini hinzufügen, damit Änderungen für den von Ihnen entwickelten App-Typ besser verstanden und verarbeitet werden können. Diese Dateien können geändert oder gelöscht werden, um die Interaktion mit Gemini anzupassen. Weitere Informationen zum Suchen und Bearbeiten von KI-Regel dateien.
• MCP-Server , die zusätzliche Tools und Datenquellen für Gemini bereitstellen. Weitere Informationen zum Suchen oder Ändern der MCP-Server, mit denen Gemini eine Verbindung herstellen kann.

Nächste Schritte

• Weitere Informationen zu Firebase Studio Arbeitsbereichen.
• Passen Sie Ihren Firebase Studio Arbeitsbereich an.
• Erfahren Sie, wie Gemini Sie bei der App- Entwicklung unterstützen und beschleunigen kann, indem es Sie bei der Entwicklung anleitet, Fragen beantwortet, Code generiert und bearbeitet, Fehler behebt und Tools ausführt.
• Testen Sie eine vorlagenbasierte Lösung: App mit der Gemini API erstellen.