Guia do usuário do Bolt: dicas e truques do básico ao avançado

agarrar (geralmente fig.) Parafuso Um guia abrangente com tudo o que você precisa saber sobre o 🧵

As opções iniciais podem parecer óbvias, mas ainda assim são fáceis de ignorar. Você pode começar diretamente com sua estrutura de front-end favorita.

Prepare suas palavras-chave com antecedência no gpt/claude.

• Economize muitos tokens.
• Use-o como seu arquiteto de software.

Um exemplo de uma palavra-chave:

1/
Você é um arquiteto de software. Sua tarefa é fornecer aos engenheiros especificações claras e precisas para a implementação. Concentre-se apenas na funcionalidade atual e evite considerações teóricas ou futuras. Divida as especificações recurso por recurso e mantenha as histórias de usuários com 200 palavras cada. Isso ajuda a garantir melhorias iterativas e evita sobrecarregar o grande modelo de linguagem.

Mantenha as descrições diretas e concisas, evitando detalhes desnecessários.

Não produza nada, aguarde os recursos de entrada e as pilhas de tecnologia.

Pressione Enter para continuar.

2/
(A pesquisa na Web agora está ativada no GPT!)

Usaremos a seguinte pilha de tecnologia:

Copie e cole o conteúdo do arquivo package.json do seu projeto Bolt (essa é a maneira mais rápida).

Ou simplesmente digite: Estou usando o nextjs 14 em combinação com shadcn, tailwindcss e zod...

Pesquise e aprenda sobre eles. Precisaremos deles na próxima etapa:

3/
(Desativar pesquisa na Web)

Missão:
--> Descrição do seu aplicativo <--

Saída:
Escreva uma história de usuário com base na estrutura fornecida e inclua um breve resumo no início. Não produza o código.

Se você realizar atualizações de código, verifique se está familiarizado com "Lock" e "Target".

Bloqueio: o Bolt ignora esse arquivo e não o altera.
Alvo: somente arquivos específicos serão alterados.

Você também pode aplicar essas regras às pastas!

Mais cedo ou mais tarde, você se deparará com a API.

1. Leitura de dados meteorológicos
2. Interagindo com a OpenAI
3. Usando a API do Google Maps

• Você precisa criar um arquivo .env.
• Salve sua chave de API nesse arquivo. (Encontre os nomes das variáveis no código ou o Bolt lhe dirá).

Observação: não salve esse arquivo no repositório de código.

Banco de dados:

Os WebContainers são executados inteiramente no navegador, portanto, não oferecem suporte a instalações tradicionais de banco de dados.

Em vez disso, recomendo usar uma API para interagir com o banco de dados remoto.

• Supabase (PostgreSQL)
• Turso (SQLite)
  Ou mude para Cursor E realizá-lo lá.

Isso é apenas parcialmente verdade. O SQLite funciona, mas a questão é se vale a pena começar todo esse trabalho no Bolt.

Você pode carregar qualquer imagem e o Bolt tentará restaurar seu estilo, cor e layout.

Como obter uma edição mais rápida e menos Token Use:

Com a edição baseada em diff, o Bolt para de regenerar o arquivo inteiro quando são feitas pequenas alterações.

E você pode usar a edição baseada em diferenças hoje mesmo!

Se você encontrar um gargalo ao usar o Bolt:

Se não funcionar, verifique o console do Bolt ou o Console do desenvolvedor do Chrome. Aqui você pode encontrar informações úteis para fornecer ao Bolt a fim de corrigir o problema.

Use o console.log para rastrear os erros.

Você se lembra de Prince of Persia? Use o Bolt para voltar no tempo e desfazer alterações insatisfatórias.

Já ouviu falar de .cursorrules? O Bolt tem um recurso semelhante.
Acabei de testar isso com o Bolt.
Basta adicionar seus padrões e regras de codificação ao arquivo .bolt/prompt e você terá um guia de como a IA deve se comportar.

O Bolt é de código aberto.
Você pode encontrar a palavra-chave completa usada pelo Bolt no GitHub.