A maneira mais simples de fazer o deploy de um projeto Vite com React é usando o Vercel ou o Netlify. Ambos oferecem processos rápidos e automáticos de deploy para projetos front-end, e você pode fazer o deploy diretamente do seu repositório GitHub, GitLab ou Bitbucket. Vou descrever o processo de deploy usando ambos.
1. Deploy no Vercel
Vercel é uma plataforma popular para aplicativos front-end, com suporte nativo para projetos Vite.
Passo a Passo:
- Faça login ou crie uma conta no Vercel.
- Conecte o repositório:
- Clique em New Project e conecte sua conta do GitHub, GitLab ou Bitbucket.
- Escolha o repositório do seu projeto Vite.
- Configurações de build:
- No caso do Vite, o Vercel geralmente detecta automaticamente as configurações.
- Verifique se o framework está definido como Vite e o comando de build como
npm run build. - Deploy:
- Clique em Deploy e aguarde até que o processo seja concluído.
- Pronto! O Vercel fornecerá uma URL para acessar o seu projeto.
Comando manual para deploy:
Se você quiser fazer o deploy manualmente, primeiro rode o comando npm run build para gerar a pasta dist, e faça o upload manualmente para Vercel.