Adicionar Site Estático
Com a Hospedagem de Site Estático, você pode facilmente construir e hospedar seu site estático na Kinsta. A Hospedagem de Site Estático está disponível para todos no MyKinsta. Você pode adicionar até 100 sites por empresa. Para mais informações, veja a lista de Recursos de Sites Estáticos.
Adicionando um site estático
Para adicionar um novo site estático, clique em Adicionar site na página de Sites Estáticos.
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
- Comandobuild: 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.
- Arquivo índice: Se você utiliza um aplicativo de página única (SPA, na sigla em inglês), insira a página padrão do site. SPAs geralmente usam um único arquivo HTML, normalmente nomeado
index.html. Quando um usuário acessa uma URL do seu site, todo o tráfego de navegação é direcionado através do arquivo índice para garantir uma navegação sem interrupções dentro do site. - Arquivo de erro: Se você utiliza um aplicativo de página única (SPA), você pode especificar qual arquivo redirecionará o tráfego caso ocorra um erro na navegação.
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 buildnpm run build | dist |
| ElderJS | yarn buildnpm run build | public |
| Gatsby | yarn buildnpm run build | public |
| Next.js | yarn buildnpm run build | out |
| Nuxt | yarn generatenpm run generate | .output/public |
| React (using Create React App) | yarn buildnpm run build | build |
| React (using Vite) | yarn buildnpm 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.
Visite o Site
Uma vez que seu site esteja implantado com sucesso, você pode abrir o site usando Visitar Site no topo de cada página dentro do site estático no MyKinsta.
