🌐 Publicação de Site Estático no Plesk (HTML, CSS e JS) - Ajuda Inetweb - Base de Conhecimento
🌐 Publicação de Site Estático no Plesk (HTML, CSS e JS)
🧭 Visão Geral
Este guia descreve como publicar um site estático (HTML, CSS e JavaScript) no Plesk, utilizando arquivos previamente gerados no Lovable.
Este método é indicado para projetos que não necessitam de build ou compilação, permitindo publicação imediata.
🔗 Etapa anterior (Obrigatória)
Antes de prosseguir, é necessário que a integração inicial tenha sido concluída:
👉 Wiki 1 — Integração Lovable → GitHub → Plesk
https://ajuda.inetweb.com.br/kb/%f0%9f%93%98-wiki-integracao-lovable-%e2%86%92-github-%e2%86%92-plesk/
📌 Pré-requisitos
- Projeto criado no Lovable
- Repositório sincronizado no GitHub
- Arquivos gerados em:
- HTML
- CSS
- JavaScript
- Acesso ao Plesk
💡 Contexto
Durante a criação do site no Lovable, foi solicitado que o projeto também fosse gerado em versão estática (HTML puro).
👉 Normalmente, esses arquivos ficam em um diretório como:
public-html⚙️ Etapa 1 — Localizar os arquivos do site
Nos arquivos do Plesk:
- Localize a pasta contendo os arquivos HTML (ex:
public-html) - Verifique se existe um arquivo principal:
index.html
📂 Etapa 2 — Definir diretório no Plesk
- Acesse o painel do Plesk
- Vá até Hospedagem e DNS
- Clique em Hospedagem
Definir raiz do site
No campo Raiz do documento (Document Root):
- Aponte para o diretório onde estão os arquivos HTML
Exemplos:
/httpdocs/public-htmlou
/httpdocs/site/public-html
💾 Etapa 3 — Salvar configurações
- Clique em “Salvar“
✅ Resultado
Pronto! O site já estará disponível no navegador.
👉 Não é necessário:
- Build
- Node.js
- NPM
⚠️ Observações importantes
- O arquivo principal deve ser obrigatoriamente:
index.html
- Os caminhos de CSS/JS devem estar corretos (relativos)
- Certifique-se de que todos os arquivos foram enviados