Deploy Vite no GitHub Pages em 4 Minutos: Guia Rápido de Implantação

Vite é uma ferramenta de construção e desenvolvimento web extremamente rápida que visa tornar a experiência de desenvolvimento mais agradável. O GitHub Pages é um serviço de hospedagem gratuito oferecido pelo GitHub, onde é possível hospedar sites estáticos diretamente dos repositórios do GitHub.

Neste guia rápido, vamos aprender como implantar um projeto Vite no GitHub Pages em apenas 4 minutos. Vamos lá!

Passo 1: Configurar o arquivo de implantação

O primeiro passo é garantir que o seu projeto Vite tenha um arquivo de implantação configurado. Para isso, você pode criar um arquivo chamado deploy.sh na raiz do seu projeto com o seguinte conteúdo:

#!/bin/bash

npm run build
cd dist
git init
git add -A
git commit -m "Deploy to GitHub Pages"
git push -f git@github.com:seu-usuario/seu-repositorio.git master:gh-pages
cd ..

Passo 2: Atualizar as configurações do projeto

Após criar o arquivo de implantação, você precisa atualizar as configurações do seu projeto Vite para garantir que ele está pronto para ser implantado no GitHub Pages. Para isso, adicione a seguinte linha ao seu arquivo vite.config.js:

export default {
  base: '/seu-repositorio/',
}

Passo 3: Implantar o projeto

Agora que o seu arquivo de implantação está configurado e as configurações do projeto foram atualizadas, você está pronto para implantar o seu projeto Vite no GitHub Pages. Basta executar o seguinte comando no terminal:

./deploy.sh

Isso irá compilar o seu projeto, criar um repositório Git na pasta dist e fazer o push do conteúdo para a branch gh-pages do seu repositório no GitHub.

Conclusão

Com apenas alguns passos simples, você pode implantar o seu projeto Vite no GitHub Pages em apenas 4 minutos. Aproveite esta poderosa combinação de ferramentas para compartilhar o seu trabalho com o mundo!