Pular para o conteúdo

Criador de apps · StackBlitz

Placa & FIPE no Bolt.new

Integre a API de placa e FIPE num app criado no Bolt.new sem expor a chave no navegador.

Como funciona

O Bolt.new cria apps completos no navegador. Para esconder a chave, a consulta precisa ficar numa rota de servidor (Next.js, Remix ou Supabase).

1. Copie o pedido para o Bolt.new

O pedido aponta para o guia oficial para agentes, que explica onde guardar a chave, como escrever o cliente no servidor, como mostrar a FIPE e como tratar cada erro.

Pedido para colar
Integre a API Placa & FIPE (consulta de veículo pela placa com valor FIPE) neste projeto.
Leia e siga o guia oficial para agentes: https://placaefipe.com.br/guia-ia.md

Resumo: GET https://api.placaefipe.com.br/v1/placas/{placa}
Cabeçalho: Authorization: Bearer <PLACAEFIPE_API_KEY>
A chamada deve ficar só no servidor; a chave vem da variável de ambiente PLACAEFIPE_API_KEY.

Antes de escrever código, identifique a stack do projeto.
No fim, me diga onde colocar a chave e como testar.

2. Passo a passo

  1. Peça ao Bolt um projeto com backend (ex.: Next.js) ou conecte o Supabase.
  2. Cole o pedido pronto.
  3. Coloque a chave no .env do projeto e, no deploy (Netlify), em Environment variables.
  4. Teste com uma placa real na pré-visualização.

Dicas

  • Se o Bolt gerar fetch direto do componente React com a chave, peça para mover para uma rota de API.

Referências

Comece com 10 consultas grátis

Sem cartão. Consulte no site ou gere a chave da API em menos de um minuto. Depois, a partir de R$ 0,09 por consulta.