rafaballerini/portfolio-bolt

Tutorial de comandos no terminal para subir projeto criado no Bolt com domínio e VPS Hostinger

Abaixo são os comandos utilizados para hospedar na VPS com domínio próprio o site criado com Bolt

Bolt: https://bolt.new

Domínio e hospedagem Hostinger:

---

Antes de conectar na VPS é importante já ter os arquivos em um repositório no Github (público ou privado, nesse segundo caso lembrar de configurar as credenciais do Github lá na VPS quando solicitado)

1. Conectar à VPS:

ssh root@<ip-vps>

2. Atualizar o sistema:

sudo apt update && sudo apt upgrade -y

3. Instalar as dependências:

sudo apt install -y nodejs npm nginx

4. Criar uma pasta para o projeto:

sudo mkdir -p /var/www/<nome-projeto>

5. Clonar o repositório do Github do projeto:

cd /var/www/<nome-projeto>

sudo apt install git

git clone https://github.com/<seu-user>/<nome-repositorio> .

6. Instalar dependências do projeto:

npm install

7. Construir o projeto

npm run build

8. Garantir permissões:

sudo chown -R $USER:$USER /var/www/<nome-projeto>

sudo chown -R www-data:www-data /var/www/<nome-projeto>

sudo chmod -R 755 /var/www/<nome-projeto>

9. Criar arquivo de configuração para o site no Nginx:

sudo nano /etc/nginx/sites-available/<nome-projeto>

10. Adicionar a configuração:

server {
    listen 80;
    server_name <seu-dominio> www.<seu-dominio>;

    root /var/www/<nome-projeto>/dist;
    index index.html;

    location / {
        try_files $uri /index.html;
    }
    error_page 404 /404.html;
}

11. Salve e saia (Ctrl + O, Enter, Ctrl + X)

12. Ativar a configuração:

sudo ln -s /etc/nginx/sites-available/<nome-projeto> /etc/nginx/sites-enabled/

sudo nginx -t

sudo systemctl restart nginx

13. Configurar domínio:

No painel de controle do domínio, adicione um registro A apontando para o IP da sua VPS:

- Type: A
- Name: @
- Value: <ip-da-vps>

Adicione também um registro CNAME para o `www`:

- Type: CNAME
- Name: www
- Value: <seu-dominio>

14. Adicionar certificado SSL:

sudo apt install certbot python3-certbot-nginx -y

sudo certbot --nginx -d <seu-dominio> -d www.<seu-dominio>

sudo systemctl reload nginx

15. Teste seu site no navegador!

http://<seu-dominio>