Documentação Oficial

Introdução

Guia oficial e interativo de instalação e uso do Lovable Booster.

Rocket Mascot

Olá! Sou o Rocket! 🚀

Estou super animado em ajudar você a dominar o Lovable Booster! Esta extensão é uma ferramenta incrível que vai liberar todo o potencial do Lovable.dev, removendo marcas d'água e acelerando seus deploys.

Remoção de Marca d'Água

Oculte automaticamente o badge flutuante do Lovable.dev em seus previews e páginas publicadas, deixando seu produto com visual limpo e 100% profissional.

Download de Código Limpo

Baixe o código-fonte limpo do seu projeto em ZIP. A extensão remove todas as dependências, meta tags e scripts injetados pelo Lovable.dev automaticamente.

Deploy Supabase Sem Cli

Execute migrations SQL e publique Edge Functions do Supabase com poucos cliques, tudo direto pelo navegador e sem precisar abrir o terminal local.

Gerenciador de Arquivos

Visualize a estrutura de pastas do projeto, filtre arquivos por tipo, copie o código com um clique e faça downloads individuais instantaneamente.

Passo 1

Baixar o Extensão ZIP

Acesse o site oficial do Lovable Booster e faça o download da versão mais recente da extensão no formato comprimido (.ZIP).

  • Site: https://lovablebooster.lovable.app
  • Salve o ZIP em uma pasta de fácil acesso
Mascote Rocket te ajudando a instalar
Passo 2

Abrir Página de Extensões

No seu navegador Google Chrome, abra uma nova aba e digite ou copie o seguinte endereço para acessar a central de extensões do navegador:

Endereço Chrome
chrome://extensions/
Menu de Extensões do Chrome
Passo 3

Ativar o Modo do Desenvolvedor

No canto superior direito da tela de Extensões do Chrome, localize e ative a chave seletora do "Modo do desenvolvedor". Esse passo é essencial para permitir carregar extensões locais que não vêm da Web Store.

Ativação do Modo de Desenvolvedor
Passo 4

Carregar a Extensão Extraída

Extraia o conteúdo do arquivo ZIP baixado. No Chrome, clique no botão "Carregar sem compactação" (Developer Mode) no canto superior esquerdo e selecione a pasta extraída.

Dica alternativa: Você também pode arrastar o arquivo ZIP diretamente para o meio da tela de extensões do Chrome para carregá-lo instantaneamente!

Carregando extensão no Chrome
Passo 1

Receber e Copiar sua Licença

Assim que seu pagamento for confirmado, nossa automação enviará sua chave de licença exclusiva diretamente para o seu WhatsApp cadastrado.

Copie a chave recebida inteira. Ela é um código alfanumérico que valida o seu acesso.

  • Contato de envio oficial: (62) 9125-2643
  • Copie o código inteiro recebido para evitar erros de ativação.
Receber Licença pelo WhatsApp
Passo 2

Abrir a Extensão no Navegador

Com o Chrome aberto, clique no ícone do **quebra-cabeça** (Extensões) no canto superior direito do seu navegador.

Localize o **Lovable Booster** na lista e clique nele para abrir a interface.

*Dica:* Clique no ícone do **alfinete** ao lado da extensão para deixá-la sempre visível na sua barra superior do navegador!

Abrir Extensão
Passo 3

Colar a Licença e Ativar

Cole o código de licença (Access Token) copiado no campo indicado da extensão e clique no botão "Ativar Agora".

A extensão validará seu token de forma instantânea, associará com segurança ao seu dispositivo (Fingerprint) e liberará 100% dos recursos!

Entrada de Token de Acesso
Recurso 1

Remover Marca d'Água

Oculte permanentemente o badge flutuante do Lovable do rodapé do seu projeto com apenas um clique.

Basta clicar no botão "Remover Badge" no painel da extensão. Ela injeta automaticamente as regras necessárias para esconder a marca d'água tanto na visualização quanto nas páginas que você publicar.

Remover Marca d'Água
Recurso 2

Baixar Código Fonte

Faça o download do seu projeto completo em um arquivo ZIP totalmente limpo, pronto para produção.

Clique no botão "Baixar ZIP" para salvar seu código sem marcas do Lovable, tags ou scripts desnecessários no seu computador.

Baixar Código Fonte ZIP
Recurso 3

Listar Arquivos do Projeto

Visualize a estrutura de arquivos do seu projeto diretamente no painel do navegador.

A extensão lista todos os arquivos organizados, permitindo que você visualize o conteúdo, copie o código com um clique ou faça o download individual de qualquer arquivo de maneira instantânea.

Listar Arquivos do Projeto
Supabase Integrado

Database Deployer & Reset

Com o Lovable Booster, você faz deploy de migrations SQL, Edge Functions e realiza resets de banco de dados diretamente no navegador, sem precisar instalar o CLI ou usar o terminal local.

Veja abaixo as instruções exatas da extensão de como obter suas credenciais de conexão do Supabase!

Supabase Deployer
Configuração - Parte 1

Como Obter a Conexão do Pooler

Para enviar suas migrations SQL, a extensão precisa da URL de Conexão do Pooler:

  • Passo 1: No Painel do Supabase, clique em Connect no topo superior direito da tela.
  • Passo 2: Acesse a aba Transaction Pooler (ou Session Pooler), mude o modo para URI e copie a URL de conexão.
  • Nota: Lembre-se de substituir a tag [YOUR-PASSWORD] ou YOUR-PASSWORD pela senha real definida ao criar seu banco de dados.
Passo 1: Botão Connect no Supabase
Configuração - Parte 2

Copiar a URI do Transaction Pooler

Copie a string gerada no modo URI (porta 6543) para usar no painel. Veja na imagem ao lado o local exato da cópia dentro do modal do Supabase.

Passo 2: Copiar URL do Pooler

Simulador de URL de Conexão (Pooler Connection URI)

Use este utilitário para formatar corretamente a URL de conexão PostgreSQL que você colará na extensão Lovable Booster. Ela é encontrada nas configurações do seu projeto Supabase (Database > Connection Strings > URI).

URL Final Formatada (URI de Conexão)
postgresql://postgres.my-supabase-project:senha123@aws-0-sa-east-1.pooler.supabase.com:6543/postgres?sslmode=require
Configuração - Parte 3

Como Obter o Token de Acesso (PAT)

Para deploys de Edge Functions e limpezas avançadas, você precisará do seu Personal Access Token (PAT) do Supabase:

  • Passo 1: No painel do Supabase, clique na sua foto no canto inferior esquerdo > Account Settings e acesse a seção Access Tokens.
  • Passo 2: Clique no botão Generate new token no topo direito da lista.
  • Passo 3: Defina um nome para o token, clique em Generate e copie a chave gerada (inicia com sbp_).
Passo 1: Access Tokens no Supabase
Configuração - Parte 4

Gerar e Copiar seu Token PAT

Nomeie o token adequadamente e salve a chave copiada para colar diretamente nos campos correspondentes na extensão. Veja o painel de geração ao lado.

Passo 2: Gerar Novo Token
Configuração - Parte 5

Copiar o Código Token Gerado

Lembre-se de copiar a chave logo após gerá-la, pois ela não será exibida novamente por motivos de segurança!

Passo 3: Copiar Token Gerado
Recurso Avançado

Supabase Reset & Clean

Limpe e reinicie seu ambiente com apenas um clique! Acesse a aba Supabase Reset & Clean na extensão:

  • Banco de Dados (Reset): Limpa todas as tabelas personalizadas, autenticação (auth) e storage de arquivos com progresso em lote visível na tela.
  • Edge Functions (Clean): Lista as Edge Functions ativas no Supabase e permite excluí-las de forma rápida no painel.
Supabase Reset e Clean
Parabéns!

Tudo Pronto para Acelerar!

Agora seu fluxo de trabalho está automatizado e seu banco de dados Supabase totalmente integrado! O Rocket deseja a você excelentes deploys e muito sucesso com seus projetos do Lovable.dev! 🚀

Mascote Rocket Comemorando