Bolt.new: Crie Apps Fullstack Completos no Browser

O Bolt.new é a plataforma de vibe coding da StackBlitz que vai além de gerar código — ele roda um ambiente de desenvolvimento Node.js completo diretamente no seu browser, sem instalar absolutamente nada.

O que torna o Bolt diferente

Enquanto outras ferramentas de vibe coding geram código que você precisa rodar localmente, o Bolt roda tudo no browser:

• WebContainer: ambiente Node.js real, executando no browser via WebAssembly
• Terminal integrado: você pode instalar pacotes npm, rodar scripts
• Preview ao vivo: vê as mudanças em tempo real
• Deploy direto: publica para Netlify com um clique

Como acessar

Acesse bolt.new — sem cadastro necessário para começar. O plano gratuito oferece créditos diários. O plano Pro ($20/mês) oferece uso ilimitado.

Seu primeiro app no Bolt

Método 1: Começar do zero

Na página inicial do bolt.new, você verá um campo de texto. Descreva o que quer criar:

Crie um app de lista de compras com:
- Campo para adicionar itens
- Checkbox para marcar como comprado
- Botão para remover item
- Contador de itens pendentes
- Visual limpo com React e Tailwind

Método 2: Começar de um template

O Bolt oferece templates para os stacks mais comuns:

• React + Vite
• Next.js
• Remix
• Astro
• Vue.js
• Svelte

Escolha o template e o Bolt inicializa o projeto completo.

Estrutura do que é gerado

O Bolt cria um projeto real com:

/src
  /components   → Componentes React
  /pages        → Páginas (se Next.js)
package.json    → Dependências npm reais
vite.config.ts  → Configuração de build

Tudo é código real, editável, que você pode baixar e rodar localmente.

Iterando com prompts

Use o chat no canto esquerdo para pedir mudanças:

Adicione animação quando um item for marcado como comprado

Salve os itens no localStorage para persistir entre sessões

Adapt para mobile — adicione touch gestures para deslizar e remover um item

O terminal integrado

Uma das features mais poderosas do Bolt é o terminal real. Você pode:

npm install date-fns
npm run build
cat src/components/ShoppingList.tsx

Isso permite instalar qualquer pacote npm e fazer ajustes finos que o prompt não consegue expressar.

Deploy com um clique

Clique em Deploy no menu superior e o Bolt publica seu app na Netlify automaticamente — você recebe uma URL pública imediatamente.

Bolt vs Lovable: quando usar cada um

O Bolt é a escolha certa quando você quer mais controle sobre o stack ou precisa de Node.js puro no backend.