Erste Schritte mit einer Firebase Studio-Vorlage

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

Alle folgenden Vorlagen – und vor allem eine leere Vorlage, die Sie für jedes gewünschte Framework verwenden können – sind in Firebase Studio und auf GitHub verfügbar. Auf GitHub finden Sie auch Community-Vorlagen, die Beiträge 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-Kundenservicemitarbeiter: GitHub Actions
• Firebase Studio-Kundenservicemitarbeiter: VSCode-Erweiterung
• Gemini API-Notebook
• Gemini API und Google Maps Platform

Webvorlagen

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

Vorlagen für Mobilgeräte

• Flutter
• React Native
• React Native + Expo

Datenbanken

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

Lösungen und Beispiel-Apps

• Compass Travel-Demo
• Spiel „Schere, Stein, Papier“
• Träume von Abenteuern
• Tagebuchpartner
• Melodiegenerierung mit Gemini
• Charaktergenerator für Pen-&-Paper-Rollenspiele
• Gemini-Bilderspiel mit Flutter
• …und viele weitere

Mit einer Vorlage beginnen

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. Andernfalls klicken Sie auf Alle Vorlagen ansehen und wählen Sie eine Vorlage aus, die Ihren Anforderungen entspricht.

3. Geben Sie auf Aufforderung einen Namen für Ihren Arbeitsbereich und je nach ausgewähltem Projekttyp alle 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 anhand der ausgewählten Vorlage.

Nächste Schritte

• Weitere Informationen zu Firebase Studio Arbeitsbereichen
• Firebase StudioWorkspace anpassen
• Erfahren Sie, wie Gemini in Firebase die App-Entwicklung unterstützen und beschleunigen kann. Mit Gemini können Sie die Entwicklung steuern, Fragen beantworten, Code generieren und bearbeiten, Fehler beheben und Tools ausführen.
• Eine sjabloonbasierte Lösung ausprobieren: App mit der Gemini API erstellen