Ajuda > Sem categoria > Como hospedar um site feito pelo Bolt AI ou Lovable na Hostoo

Como hospedar um site feito pelo Bolt AI ou Lovable na Hostoo

  1. Bolt AI
  2. Lovable

1. Para hospedar um site feito pelo Bolt AI na Hostoo você precisa seguir os seguintes passos:

1.1.Instalar Node na hospedagem .
1.2.Subir os arquivos gerados no Bolt AI na hospedagem.
1.3.Extrair os arquivos.


1.4. Após extrair os arquivos, entrar na pasta extraída (via SSH) com os comandos:

cd public_html
cd nomedasuapasta


1.5.Rodar o comando npm install.


1.6.Rodar o comando npm run build para compilar os arquivos e gerar um site estático.

Vai ser criada uma pasta dist dentro do projeto. Você pode mover o que está nessa pasta para o public_html ou criar um link simbólico da public_html para a dist.

Obs.: Se apenas a página inicial estiver funcionando e as demais apresentarem erro ou não estiverem acessando, basta adicionar o código abaixo no arquivo .htaccess. Isso deve ajustar as rotas corretamente e resolver o problema.:
 <IfModule mod_rewrite.c>
   RewriteEngine On   
   RewriteBase /   
   RewriteCond %{REQUEST_FILENAME} !-f   
   RewriteCond %{REQUEST_FILENAME} !-d   
   RewriteRule . /index.html [L] 
</IfModule>

Pronto, seu site já está acessível na Hostoo.

2. Para hospedar um site feito pela Lovable na Hostoo você precisa seguir os seguintes passos:

2.1.Instalar Node na hospedagem .

Obs.: Para que funcione você precisa instalar a versão compatível do node, recomendo instalar a versão mais nova com o comando:

nvm install –lts


2.2.Subir os arquivos gerados na Lovable na hospedagem.
2.3.Extrair os arquivos.


2.4.No arquivo vite.config.ts verificar se ele tem o código : base: “./ “

Caso não tenha você vai adicionar no seu arquivo, ficando da seguinte forma:

 export default defineConfig(({ mode }) => ({
   base: "./",
   server: {
     host: "::",
     port: 8080,
   },

2.5. Após editar o arquivo, entrar na pasta extraída (via SSH) com os comandos:

cd public_html
cd nomedasuapasta

2.6.Rodar o comando npm install.

2.7. Rodar o comando npm run build para compilar os arquivos e gerar um site estático.

Vai ser criada uma pasta dist dentro do projeto. Você pode mover o que está nessa pasta para o public_html.

Obs.: Caso apenas a página principal esteja funcionando e as outras não, você pode adicionar esse código no .htaccess que o problema vai ser resolvido :
<IfModule mod_rewrite.c>
   RewriteEngine On   
   RewriteBase /   
   RewriteCond %{REQUEST_FILENAME} !-f   
   RewriteCond %{REQUEST_FILENAME} !-d   
   RewriteRule . /index.html [L] 
</IfModule>

Pronto, seu site já está acessível na Hostoo.