VuePress

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

O VuePress é um gerador de site estático que permite que você incorpore conteúdo dinâmico em seus arquivos Markdown usando componentes Vue para produzir páginas HTML estáticas. Mais informações estão disponíveis no site do VuePress.

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.

Pré-requisitos

• Os templates de início rápido da Kinsta são armazenados e gerenciados no GitHub; portanto, você precisa de uma conta no GitHub para acessá-los.
• Você precisa criar uma conta MyKinsta para implantar o aplicativo.

Implante um site estático VuePress

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 VuePress.
2. No MyKinsta, clique em Sites estáticos > Adicionar site > selecione GitHub, clique em Conectar provedor git > Autorizar e faça login em sua conta do GitHub.
3. Escolha o repositório Hello World VuePress, clique em Continuar e digite o seguinte nas configurações de build:
   • Comando build: npm run build
   • Versão do node: 16.20.0
   • Diretório de publicação: ./docs/.vuepress/dist

A Kinsta instala automaticamente as dependências definidas em seu arquivo composer.json durante o processo de implantação. O site estará disponível assim que a implantação for concluída, e a página Hello world será carregada no URL do seu site.

Ciclo de vida da implantação

Sempre que você inicia uma implantação (por meio da criação de um aplicativo ou da reimplantação devido a uma confirmação de entrada), o comando npm build é executado, seguido pelo comando npm start.