HTML/CSS/JS

O runtime HTML/CSS/JS foi desenvolvido para publicar aplicações frontend já compiladas e sites estáticos. Ele é compatível com projetos gerados por ferramentas como Hugo, Astro, VitePress, Jekyll e outros geradores de sites estáticos.

Diferente de aplicações criadas com frameworks como Vue.js ou React, a App Platform não executa o processo de build durante o deploy. A plataforma publica diretamente os arquivos estáticos já gerados no repositório.

Preparando o projeto

Antes do deploy, faça o build do projeto localmente. O processo deve gerar um diretório contendo os arquivos estáticos da aplicação, por exemplo:

• dist
• build
• public

O diretório de saída deve conter o arquivo index.html e todos os demais assets necessários para o funcionamento do site.

Exemplo com Hugo:

hugo

Após a execução do comando, os arquivos gerados estarão disponíveis no diretório public.

Como funciona o deploy

Para aplicações HTML/CSS/JS, as seguintes configurações não estão disponíveis:

• comando de build;
• diretório de build;
• instalação de dependências.

Isso acontece porque a aplicação já é considerada compilada e pronta para publicação, sem necessidade de etapas adicionais durante o deploy.

Diretório do projeto

Se os arquivos estáticos não estiverem na raiz do repositório, informe o caminho até o diretório que contém o build da aplicação.

Por exemplo, se o site compilado estiver no diretório /public, utilize:

public

Nesse caso, a App Platform irá servir os arquivos diretamente desse diretório.