Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
O Firebase Studio oferece suporte a muitos frameworks e back-ends e fornece um grande
número de modelos
predefinidos e apps
de exemplo
para uma grande variedade de frameworks, linguagens, bancos de dados e APIs.
Todos os modelos abaixo, e, mais importante, um modelo em branco que
pode ser usado para qualquer framework, estão disponíveis em
Firebase Studio e no
GitHub. Você
também pode encontrar
modelos da comunidade
no GitHub, que permitem contribuições da comunidade de código aberto.
Modelos de back-end
Go
Flask do Python
Node Express
Rust
Laravel
Python Django
API Gemini (back-end Go)
API Gemini (back-end do Python)
.NET
Java
Dart
C++
Ruby
PHP
Modelos de IA
API Gemini
LangChain com o Gemini
Genkit do Firebase
Agentes do Firebase Studio: GitHub Actions
Agentes do Firebase Studio: extensão do VSCode
Notebook da API Gemini
API Gemini + Plataforma Google Maps
Modelos da Web
Angular
Next.js
Astro
Reação
HTML simples
Svelte
Vue.js
SolidJS
Preact
React + Plataforma Google Maps
API Google Pay para Web
Modelos para dispositivos móveis
Flutter
React Native
React Native + Expo
Bancos de dados
Postgres
MySQL
Prisma
MongoDB
Firebase Data Connect
Soluções e apps de exemplo
Demonstração do Compass Travel
Jogo de pedra, papel e tesoura
Sonhe com aventuras
Amigo do diário
Geração de melodias com o Gemini
Gerador de personagens de RPG de mesa
Jogo de imagens do Gemini com o Flutter
…e muito mais
Começar com um modelo
Para iniciar um projeto Firebase Studio usando um modelo:
Se você encontrar um modelo que gostaria de usar, selecione-o. Caso contrário, clique em
Ver todos os modelos e selecione um que corresponda ao que você quer
usar.
Quando solicitado, insira um nome para o espaço de trabalho e, dependendo do tipo
de projeto selecionado, outras informações necessárias. Por exemplo, se você
escolheu um projeto Python Flask, pode escolher um gerenciador de pacotes (poetry ou
pip) e um tipo de servidor (servidor da API ou da Web).
Clique em Criar. Firebase Studio cria um novo espaço de trabalho com base no modelo escolhido.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-04-15 UTC."],[],[]]