Guia de Publicação Externa
Siga este passo a passo para hospedar o front-end do seu site em provedores externos (HostGator, Vercel, Netlify, etc.), mantendo a conexão com a Base44.
É o processo que traduz o código que escrevemos (React) em arquivos que os navegadores conseguem ler (HTML/CSS/JS). Você não consegue enviar o código "cru" para a Hostinger; você precisa enviar a versão "compilada" (pasta
dist).Como fazer isso se você não é programador?
- 1. Baixe e Extraia: O download virá como um arquivo
.zip. Você deve extrair (descompactar) esse arquivo para uma pasta normal. Não rode comandos direto no zip. - 2. Instale o Node.js: É o programa necessário para "fabricar" o site. Baixe no site oficial nodejs.org.
- 3. Abra o Terminal NA PASTA: Entre na pasta descompactada. No Windows 11, clique com o botão direito em um espaço vazio da pasta e escolha "Abrir no Terminal".
- 4. Rode os Comandos: Só agora digite os códigos abaixo.
# 1. Instalar dependências npm install # 2. Gerar versão de produção (Build) npm run build # A pasta 'dist' será criada com o site pronto.
Erro: "'vite' não é reconhecido"?
npm install antes do build. Rode-o e espere terminar.Erro: "Rollup failed to resolve import..."?
html2canvas.Solução Definitiva: Para parar de ter esses erros um por um, rode este comando para garantir que todas as ferramentas principais estejam instaladas:
npm run build novamente.Atenção
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>- Após o build, localize a pasta dist criada no projeto.
- Acesse sua hospedagem (via FTP ou Gerenciador de Arquivos).
- Faça o upload de todo o conteúdo de dentro da pasta
distpara a pasta pública do servidor (public_htmlouwww). - Se usar Vercel ou Netlify, basta conectar seu repositório Git e definir o comando de build.
Se a Hostinger mostrar "Estrutura de projeto inválida":
- Isso ocorre se você tentar usar o recurso "Node.js App" ou enviar o código fonte direto.
- Solução: Ignore os instaladores automáticos. Use o Gerenciador de Arquivos.
- Envie apenas os arquivos de dentro da pasta dist (gerada no Passo 1) para a pasta public_html.
- O servidor vai ler o arquivo
index.htmle o site funcionará automaticamente como estático.
Para garantir sua independência, você pode exportar todos os dados do seu site (Leads e Blog) a qualquer momento.
Acessar Central de ExportaçãoÓtima notícia: Confirmamos que seu App é público e funciona (o link da Base44 abriu normal).
Isso prova que o bloqueio no domínio oficial é apenas de segurança de origem.
- Limpeza do DNS: Apague os registros AAAA e ALIAS na Hostinger (veja o passo 4). Sem isso, o site fica "confuso".
- Painel Base44: Vá na aba Domains e adicione o
www.servircred.com.br. Você precisa ter os dois lá (com e sem www). - Cache do Navegador: O redirecionamento fica salvo no seu computador. Abra uma Janela Anônima para testar.
Isso é uma ótima notícia! Significa que seu domínio já está apontando para a Base44.
O erro ocorre porque a Base44 recebeu o acesso, mas não sabe que esse domínio pertence ao seu aplicativo.
- No painel da Base44 (aqui onde você edita o site), vá em Settings (ícone de engrenagem).
- Clique na aba General.
- No campo Allowed Domains, adicione (sem "http://" e sem espaços):
servircred.com.brwww.servircred.com.br
- Salve. Aguarde de 15 a 20 minutos. O sistema precisa atualizar os roteadores e gerar o certificado SSL.
- Se continuar vendo o erro, tente abrir em uma Aba Anônima para limpar o cache.
Essa é a página padrão da Hostinger.
Isso acontece porque o servidor ainda está mostrando o arquivo de exemplo deles ao invés do seu site.
- Acesse o Gerenciador de Arquivos da Hostinger.
- Abra a pasta public_html.
- Apague o arquivo chamado
default.php(ouindex.phpque tenha data antiga). - Verifique se o seu
index.htmlestá lá. Se estiver dentro de uma pastadist, mova todo o conteúdo dadistpara apublic_html.
O site carrega mas fica com a tela branca ou com o título "Base44" / "Vite"?
Isso significa que o arquivo principal (index.html) foi carregado, mas ele não encontrou os arquivos de "cérebro" do site (JavaScript e CSS).
Você deve enviar a PASTA INTEIRA chamada assets para dentro da public_html.
├── index.html (Arquivo solto)
├── .htaccess (Arquivo solto)
└── assets/ (A PASTA inteira aqui)
├── index-xyz.js
└── index-xyz.css
Errado: Tirar os arquivos de dentro da pasta assets e jogá-los soltos.
Às vezes o navegador "lembrou" da versão antiga quebrada. Tente abrir em uma Aba Anônima ou aperte Ctrl + Shift + R.
Garanta que os arquivos não estão dentro de uma subpasta (ex: public_html/dist/index.html está ERRADO).
O correto é public_html/index.html.
Como seu domínio está no Registro.br e a hospedagem na Hostinger, você precisa "apontar" o domínio para lá.
Onde alterar o DNS?
Como você contratou a Hostinger, é muito provável que você já tenha configurado o domínio para apontar para lá. Portanto, você deve fazer essas alterações no Painel da Hostinger (procure por "Editor de Zona DNS" ou "DNS Zone"), e não no Registro.br.
O suporte te passou o IP da Base44 (216.24.57.1).
Opção A (Recomendada pelo Suporte): Se você usar esse IP, seu site será hospedado pela Base44. Você não precisará mais fazer upload de arquivos na Hostinger, apenas conectar o domínio no painel da Base44.
Opção B (Manter Hostinger): Se você quer manter os arquivos na Hostinger, NÃO use o IP 216.24.57.1. Use o IP fornecido no painel da Hostinger. Apenas adicione o domínio em "Allowed Domains" na Base44.
Dados enviados pelo suporte (Para Opção A):
DIAGNÓSTICO FINAL: SÓ FALTA "LIBERAR" O DOMÍNIO
Seu DNS está perfeito. O problema agora é interno da plataforma.
1. Site pedindo Login?
O domínio servircred.com.br (sem www) já está verificado neste app, mas redireciona para login.
(Se já estiver Public, é 100% cache do seu navegador. Teste no celular 4G).
2. Erro "Domain Exists"
Se você tem certeza absoluta que não tem outros apps com este domínio, o registro ficou "preso" no sistema.
"Olá, sou dono do domínio servircred.com.br. O DNS está correto e o domínio raiz verificado no app servircred. Porém, não consigo adicionar o 'www' pois dá erro 'Domain already exists'. Podem liberar o www para eu adicionar neste app?"
Tempo de Propagação
Para que o site funcione externamente, você precisa "avisar" a Base44 que esse novo domínio é confiável.
- Volte aqui no painel da Base44 (Dashboard).
- Vá para a aba Domains (onde você adicionou o site).
- A SOLUÇÃO: Você precisa ter DOIS registros verificados aqui:
servircred.com.br(Você já fez ✅)www.servircred.com.br(Provavelmente falta este ❌)- Adicione o "www" clicando em "Connect Your Domain" novamente.
- Assim que ambos estiverem verdes ("Verified"), o site funcionará automaticamente. Não existe outra configuração escondida.
Se aparecer "Verified" ao lado do domínio na Base44, está tudo certo com a configuração de segurança! Agora é só esperar a propagação do DNS (até 24h) ou limpar o cache do navegador.
