Configurando um Site Estático com VitePress na Kinsta

Este é um exemplo de como configurar um site estático com VitePress nos serviços de hospedagem de site estático da Kinsta a partir de um repositório do GitHub.

O VitePress é um gerador de site estático alimentado por Vite e Vue. Mais informações estão disponíveis no site vitepress.dev.

Você também pode usar esse template de início rápido na Hospedagem de Aplicativos da Kinsta sem nenhuma configuração adicional. Se você usar a Hospedagem de Aplicativos, o Comando Start pode ser deixado em branco para o processo web, pois a Kinsta detecta automaticamente o comando necessário durante a primeira implantação.

Durante o processo de implantação, a Kinsta instala automaticamente as dependências definidas em seu arquivo package.json.

1. Faça login no GitHub e crie um novo repositório a partir deste template (Use this template > Create a new repository): Kinsta – Hello World – Site estático com VitePress
2. No MyKinsta, adicione um site estático com o repositório Hello World VitePress. As Configurações de build podem ser preenchidas automaticamente; verifique se elas correspondem ao seguinte e altere-as, se necessário:
   • Comando de build: npm run build
   • Versão do node: 18.16.0
   • Diretório de publicação: docs/.vitepress/dist
3. O site estará disponível assim que a build for concluída, e a página padrão do VitePress será carregada na URL do seu site.

Ciclo de vida da implantação

Sempre que uma implantação é iniciada (através da criação de um site estático ou reimplantação devido a um commit de entrada), o comando de build é executado, seguido pela implantação do conteúdo do Diretório de Publicação.