Começar a usar um modelo do Firebase Studio

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

O Firebase Studio é compatível com 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 a seguir, principalmente um modelo em branco que pode ser usado para qualquer framework, estão disponíveis no Firebase Studio e no GitHub. É possível encontrar modelos de comunidade no GitHub, que permitem contribuições da comunidade de código aberto.

Modelos de back-end

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

Modelos de IA

• API Gemini
• LangChain com o Gemini
• Genkit do Firebase
• Agentes do Firebase Studio: ações do GitHub
• Agentes do Firebase Studio: extensão do VS Code
• Notebook da API Gemini
• API Gemini + Plataforma Google Maps

Modelos da Web

• Angular
• Next.js
• Astro
• Reagir
• 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
• Companheiro de escrita
• 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 por um modelo

Para iniciar um projeto do Firebase Studio por um modelo:

1. Faça login na sua Conta do Google e abra o Firebase Studio.

2. Se você encontrar um modelo que quer usar, selecione-o. Caso contrário, clique em Ver todos os modelos e selecione um que corresponda ao que você quer usar.

3. 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 de API ou da Web).

4. Clique em Criar. O Firebase Studio cria um novo espaço de trabalho com base no modelo escolhido.

Próximas etapas

• Saiba mais sobre os espaços de trabalho do Firebase Studio.
• Personalize seu espaço de trabalho do Firebase Studio.
• Descubra como o Gemini no Firebase pode ajudar e acelerar o desenvolvimento do seu aplicativo com a capacidade de orientar o desenvolvimento, responder a perguntas, gerar e editar código, corrigir bugs e executar ferramentas.
• Teste uma solução baseada em modelo: crie um aplicativo com a API Gemini.