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. Community-Vorlagen sind auch auf GitHub verfügbar. Dort können Open-Source-Beiträge eingereicht werden.

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 Notebook
• 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

Vorlagen für Mobilgeräte

• 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
• Journal-Buddy
• Melodien mit Gemini generieren
• Charaktergenerator für Pen & Paper
• Gemini-Bildspiel mit Flutter
• Datenbankschema in natürlicher Sprache erstellen
• Lernkarten für Sprachen mit Gemini
• …und vieles mehr

Mit einer Vorlage beginnen

Offizielle Vorlagen Community-Vorlagen

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 ausgewähltem Projekttyp 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 ausgewählten Vorlage.

Vorlagen können Folgendes enthalten:

• Benutzerdefinierte KI-Regeldateien, die Gemini Kontext hinzufügen, damit Änderungen für den von Ihnen entwickelten App-Typ besser nachvollzogen 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-Regeldateien
• MCP-Server, die zusätzliche Tools und Datenquellen für Gemini bereitstellen. Weitere Informationen dazu, wo Sie sehen oder ändern können, mit welchen MCP-Servern Gemini eine Verbindung herstellen kann

Nächste Schritte

• Weitere Informationen zu Firebase StudioArbeitsbereichen
• Firebase Studio-Workspace anpassen:
• Hier erfahren Sie, wie Gemini in Firebase Sie bei der App-Entwicklung unterstützen und diese beschleunigen kann. Gemini kann Sie bei der Entwicklung unterstützen, Fragen beantworten, Code generieren und bearbeiten, Fehler beheben und Tools ausführen.
• Probieren Sie eine vorlagenbasierte Lösung aus: App mit der Gemini API erstellen.