Hospedando um projeto Lovable na ApogeuHost como Site Básico Estático imprimir

Forma recomendada para sites institucionais, landing pages, portfólios e páginas que não dependem de um servidor Node.js.

1. Quando utilizar esta opção

Este método é indicado principalmente para:

2. Solicitar ao Lovable a versão estática

Abra o chat do seu projeto dentro do Lovable e envie esta solicitação:

Reescrever como site estático e gere o arquivo ZIP com todos os arquivos necessários para publicação em uma hospedagem Apache/cPanel, incluindo HTML, CSS, JavaScript e imagens.

O Lovable deverá converter o projeto para uma versão estática, gerar os arquivos finais, incluir os recursos necessários e disponibilizar um ZIP para download.

3. Baixar o arquivo ZIP

Após o Lovable concluir a conversão, baixe o arquivo ZIP gerado.

meusite-estatico.zip

4. Enviar o site pelo Gerenciador de Arquivos do cPanel

1. Acesse o cPanel da sua hospedagem ApogeuHost.
2. Abra o Gerenciador de Arquivos.
3. Entre na pasta onde o site será publicado. Para o domínio principal, normalmente é:

   public_html

4. Caso já exista um site publicado, faça um backup antes de substituir os arquivos.
5. Clique em Enviar e selecione o ZIP baixado do Lovable.
6. Aguarde o upload chegar a 100%.
7. Volte ao Gerenciador de Arquivos, selecione o ZIP e clique em Extrair.

5. Verificar a estrutura dos arquivos

Depois da extração, a pasta do site deve conter um arquivo chamado:

index.html

Exemplo de estrutura:

public_html/
├── index.html
├── assets/
├── favicon.ico
├── robots.txt
└── manifest.json

Quando o ZIP cria uma pasta adicional

public_html/
└── meusite/
    ├── index.html
    ├── assets/
    └── images/

Nesse caso, mova o conteúdo da pasta meusite para a raiz correta.

Excluir o arquivo ZIP

Depois de confirmar que os arquivos foram extraídos corretamente, exclua o ZIP para não ocupar espaço desnecessário.

6. Testar o site

Acesse:

https://meusite.com.br/

Confira a página inicial, menus, links, imagens, botões, formulários, versão mobile e páginas internas.

Se o navegador ainda mostrar a versão anterior, pressione:

Ctrl + F5

7. Como atualizar o site depois de alterações no Lovable

1. Solicite novamente ao Lovable a versão estática em ZIP.
2. Baixe o novo arquivo.
3. Acesse o Gerenciador de Arquivos.
4. Faça backup da versão atual.
5. Envie e extraia o novo ZIP.
6. Substitua os arquivos antigos.
7. Exclua o ZIP após a extração.
8. Abra o site e pressione Ctrl + F5.

8. Solução de problemas

O domínio mostra uma página em branco

Confirme se o arquivo index.html está diretamente na pasta configurada para o domínio.

O site mostra uma lista de arquivos

Isso normalmente acontece quando não existe um index.html na pasta principal.

As imagens não aparecem

• Confirme se todas as pastas foram extraídas.
• Não envie somente o index.html.
• Mantenha juntas as pastas assets, images, css e js.

O site abre sem estilo

Isso indica que os arquivos CSS ou JavaScript não foram encontrados. Preserve toda a estrutura do ZIP.

Erro 404 nas páginas internas

Se a página inicial funcionar, mas rotas como /sobre ou /contato retornarem 404, crie um arquivo .htaccess na raiz:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^ index.html [L]
</IfModule>

O formulário não envia mensagens

Um site estático não processa formulários sozinho. Ele precisa usar um serviço externo, uma API, um script PHP ou outro método configurado pelo desenvolvedor.

O ZIP contém apenas o código-fonte

Gere um ZIP com os arquivos finais já compilados para hospedagem estática em Apache/cPanel. O ZIP deve conter index.html, CSS, JavaScript, imagens e todos os assets necessários. Não envie apenas o código-fonte.

9. Site estático ou Node.js?

Material preparado para a Knowledgebase da ApogeuHost. Os nomes de domínios, pastas e arquivos devem ser adaptados para cada conta de hospedagem.