Como Hospedar Site Lovable na Hostinger (Passo a Passo)

Aprenda neste tutorial completo como baixar um site desenvolvido na plataforma Lovable e fazer a instalação na Hostinger ou em qualquer outra hospedagem de sites. O passo a passo é detalhado e ideal para quem busca autonomia na gestão de seus projetos web. Neste vídeo, você verá: [02:00:00] Preparação do Ambiente: Como instalar o Node.js e o Git, ferramentas essenciais para o processo. [03:00:00] Clonagem do Projeto: O passo a passo para clonar seu projeto do GitHub. [04:15:00] Instalação de Dependências: Como executar o npm install para instalar tudo o que seu site precisa para funcionar. [05:05:00] Geração dos Arquivos do Site: O comando npm run build para gerar a pasta dist com os arquivos prontos para a hospedagem. [07:30:00] Hospedagem na Hostinger: O guia completo para fazer o upload e a extração dos arquivos no gerenciador de arquivos da Hostinger, deixando seu site online. Este tutorial é perfeito para desenvolvedores, freelancers e empreendedores que utilizam a Lovable e querem ter o controle total sobre a hospedagem de seus sites. Conheça também o Chama no ZAP CRM: [13:15:00] O Chama no ZAP é um CRM com inteligência artificial, automação e integração com WhatsApp, Instagram e Facebook, ideal para otimizar o atendimento da sua empresa. Saiba mais em: https://chamanozap.com.br Ferramentas Mencionadas: Node.js: https://nodejs.org Git: https://git-scm.com/downloads Passo a Passo Completo 1. Instale o Node.js O Node.js é um ambiente de execução que permite rodar os comandos do seu projeto. Acesse: `https://nodejs.org` Baixe a versão recomendada para o seu sistema operacional (Windows, Mac ou Linux). Faça a instalação padrão, como faria com qualquer outro programa. 2. Instale o Git O Git é o sistema que usaremos para baixar (clonar) o código-fonte do projeto. Acesse: `https://git-scm.com/downloads` Instale com as opções padrão. Verifique a instalação: Abra um novo Prompt de Comando (no Windows) ou Terminal (no Mac/Linux). Digite `git --version` e pressione Enter. Se a versão do Git for exibida na tela, a instalação foi concluída com sucesso. 3. Baixe o Código do Seu Projeto Agora, vamos baixar o código-fonte do seu site a partir do GitHub. Abra o Prompt de Comando ou o Terminal. Digite o comando abaixo, substituindo o trecho em destaque pelo link do seu projeto, e pressione Enter: `git clone [insira aqui o link do seu projeto no GitHub]` 4. Acesse a Pasta do Projeto Após o download, uma nova pasta será criada. Acesse-a com o seguinte comando: `cd [escreva aqui o nome da pasta do seu projeto]` 5. Instale as Dependências Dentro da pasta do projeto, você precisa instalar todas as "peças" (dependências) que fazem o site funcionar. Ainda no terminal, execute o comando: `npm install` 6. Gere e Publique os Arquivos Finais do Site Vamos compilar o projeto e enviar os arquivos para a hospedagem. No terminal, digite o seguinte comando para gerar os arquivos finais: `npm run build` Ao finalizar, uma nova pasta chamada `dist` será criada. Compacte esta pasta em um arquivo (ex: `dist.zip`). Acesse o painel da sua hospedagem (Hostinger) e abra o *Gerenciador de Arquivos*. Navegue até a pasta `public_html` (ou a pasta raiz do seu site). Faça o upload do arquivo `dist.zip` para dentro da `public_html`. Clique com o botão direito sobre o arquivo `.zip` e use a opção "Extrair" ou "Unzip". Após a extração, uma nova pasta `dist` aparecerá. Abra esta pasta. Selecione todos os arquivos e pastas que estão dentro dela e use a função "Mover" para enviá-los para o diretório anterior, a pasta `public_html`. Volte para a `public_html` e apague a pasta `dist` (que agora estará vazia) e o arquivo `dist.zip` original.