Com a Hospedagem de Site Estático, você pode criar e hospedar facilmente seu site estático na Kinsta.

Adicionando um site estático

Para adicionar um novo site estático, clique em Adicionar Site Estático na página Site Estático.

Na primeira vez que adicionar um site estático, você precisará selecionar um provedor de serviços Git e um repositório da sua conta. Você pode escolher entre qualquer um (ou todos) dos seguintes:

Depois de conectar sua conta de provedor Git, você será redirecionado para o MyKinsta para continuar com o restante das etapas de Adicionar site estático.

Os seguintes campos estão disponíveis no formulário multipart com os efeitos descritos.

Detalhes

Selecionar branch

Você tem a opção aqui de selecionar qualquer um dos provedores de serviços Git suportados.

  • Repositório: Selecione o repositório Git a ser usado.
  • Branch padrão: Defina a branch que será implantada no commit ou manualmente.
  • Implantação automática no commit: Marque essa caixa para implantar automaticamente o site sempre que um commit for feito na branch selecionada acima.

Detalhes básicos

  • Nome de exibição: Esse nome será exibido no MyKinsta para facilitar a referência. O nome deve ser exclusivo; não pode ser o mesmo de outro site estático, aplicativo ou site WordPress.

Configurações de build

As configurações de build determinam como construiremos seu site estático. Se o seu site usar uma das frameworks que detectamos automaticamente, o Comando Build e o Diretório de Publicação serão preenchidos automaticamente, e uma notificação de que a framework foi detectada será exibida. Verifique novamente os campos para confirmar se estão corretos.

Configurações de build

  • Comando build: Opcional. Se o seu site estático exigir um comando build, digite aqui.
  • Versão do Node: Opcional. Se você colocar um comando build, pode escolher qual versão do Node.js usar durante a build. Isso ajuda a garantir que tudo funcione sem problemas e sem erros.
  • Diretório de Publicação: Opcional. Se você deixar esse campo em branco, o padrão será a pasta raiz do seu repositório.
    • Se você quer que seu site seja publicado em um subdiretório específico, digite o nome desse subdiretório aqui. Ele deve ser inserido em relação à pasta raiz do repositório.
    • Se você tem um site HTML que não precisa de build e quer que ele funcione a partir de um subdiretório específico, coloque os arquivos do seu site nesse diretório e digite o nome dele aqui, em relação à pasta raiz do repositório.

Frameworks detectados automaticamente

Para detectar automaticamente o framework, verificamos quais dependências são usadas no arquivo package.json para determinar o framework. Se um dos frameworks a seguir for detectado, preenchemos automaticamente os campos do Comando de Build e do Diretório de publicação. Também procuramos por um arquivo yarn.lock no repositório e, se encontrarmos um, preenchemos o comando de build com os comandos equivalentes do yarn, em vez dos comandos npm.

Framework Comando Build Diretório de Publicação
Astro yarn build
npm run build		 dist
ElderJS yarn build
npm run build		 public
Gatsby yarn build
npm run build		 public
Next.js yarn build
npm run build		 out
Nuxt yarn generate
npm run generate		 .output/public
React (using Create React App) yarn build
npm run build		 build
React (using Vite) yarn build
npm run build		 dist

Se você usa um framework diferente que gostaria que fosse adicionado à lista de frameworks detectados automaticamente, abra um novo chat com nossa equipe de suporte e nos informe.

Variáveis de ambiente

As variáveis de ambiente fornecem com segurança as informações do processo de build, como chaves de API ou outros detalhes que você não deseja incluir como texto claro no código do seu site. Adicione aqui os pares de valores-chave para suas variáveis de ambiente. As variáveis de ambiente também podem ser adicionadas, atualizadas ou removidas na página Configurações depois que o site for criado.

Clique em Criar site para começar a implantar seu site.

Documentação relacionada