Acessando o Firebase Studio
Acesse studio.firebase.google.com. Na pagina inicial voce encontra opcoes como "Prototype an app with AI" e "Start coding an app". Voce pode criar um novo workspace ou importar um repositorio existente.
Configurando o App e Inserindo o Prompt
Defina o nome do app (ex: "MarkeTop") e suas funcionalidades. A IA interpreta seu prompt com detalhes sobre Core Features e Style Guidelines. No painel direito, voce ve o blueprint sendo construido em tempo real.
Site Gerado - Preview Visual
O site e gerado instantaneamente! Neste exemplo, "MarkeTop - Your SEO Growth Engine" com hero section, navegacao funcional e CTA. No painel direito voce pode continuar refinando com novos prompts ou ajustar configuracoes.
Ambiente de Desenvolvimento (IDE)
O Firebase Studio oferece um ambiente completo de desenvolvimento. No painel esquerdo voce ve a estrutura de arquivos gerada automaticamente. Use os atalhos de teclado para comandos rapidos como "Go to File" ou "Open Settings".
Projeto no GitHub - Estrutura Final
O projeto pode ser exportado para o GitHub. Voce recebe uma estrutura completa com Next.js: package.json, tailwind.config.ts, components, e mais. O README explica como comecar: "This is a Next.js starter in Firebase Studio. To get started, take a look at src/app/page.tsx".