DEPLOY de projeto em REACT JS com VITE no GITHUB PAGES em 10 MINUTOS

Como fazer #DEPLOY de projeto em REACT JS? No vídeo de hoje, te ensinamos todo o passo a passo rápido e fácil, em menos de 10 minutos!

Se você é um desenvolvedor procurando respostas para "Como fazer deploy com GitHub Pages?" ou "Como fazer deploy projeto React?", produzimos um vídeo tutorial, que ensina de forma prática e didática o passo a passo para fazer o deploy de um projeto em React JS utilizando #Vite no #GitHub Pages. 🤩

O processo de deploy é uma etapa fundamental no desenvolvimento de software que envolve a disponibilização de um aplicativo ou site para uso público ou interno.

Passa por várias fases, como desenvolvimento, teste, integração, lançamento e, finalmente, manutenção. É essencial para garantir que o software esteja funcionando corretamente e acessível aos usuários finais.

O GitHub Pages é um serviço de hospedagem gratuito fornecido pelo GitHub que permite hospedar seu projeto React diretamente de seu repositório GitHub, tornando o processo de deploy simples e eficiente.

Este tutorial da Hora de Codar ensina a como realizar esse processo de maneira rápida e fácil tanto para iniciantes quanto avançados. Um guia completo de como subir um projeto React para o GitHub Pages!

Vamos juntos? Ah, e não esquece de comentar com a gente se possuir alguma indicação de vídeo ou curso, beleza?

[TxhanxaGame]

Pra quem tá usando rotas com o react-router-dom, é necessário fazer a alteração da rota base:

Ou seja, se seu código está assim: <Route path="/" element={< ... />} />

Mude para: <Route path="/<nome do repositório>" element={< ..../>} />

Fiz assim e deu certo!

[tibrasilbr]

Me sinto obrigado a te agradecer pelo conteúdo de qualidade que você disponibiliza gratuitamente.
Matheus, Obrigado!

[HernaniSamuel]

Eu estava tomando uma surra do git no começo do vídeo, aí no final pareceu que tava no começo mas deu tudo certo. Obrigado!

[DevProgramadora]

Muito obrigada pelo vídeo. Estava batendo cabeça para fazer o deploy no meu projeto e graças a seu vídeo eu finalmente aprendi. Adorei o conteúdo. Obrigada!

[marcelkaled]

Meu projeto tinha as rotas feitas com o react-router-dom. Fiz a configuração abaixo e finalmente deu certo!

<BrowserRouter

[nathazz]

Pessoal que está com problemas na renderização de imagens, eu consegui resolver(No meu caso funcionou). O problema está no caminho delas em si, vc pode usar importações relativas pra resolver este problema.

Exemplo:
import GitSvg from './git.svg';
<img src={GitSvg} alt="Git Logo" />

[officialstarfi]

Matheus Battisti... Eu te amo cara!!!! 😂😂😂 papo reto mano... fiquei 1 dia quebrando a cara para tentar hospedar minha aplicação React / Vite no GitHub Pages caçando vários tutoriais até que apareceu o teu!!! Você é iluminado, continue com seus vídeos, você é a inspiração de muitos. Tenho fé em Deus também que vou conseguir ajudar muitas pessoas também daqui um tempo. Tamo junto!

[keytoncunhabatista]

Fiz diferente, usei GitHub Actions.
Um vídeo sobre deploy no gitHub com domínio personalizado seria massa demais..

[rafaa.rodriguesz]

Só tenho que agradecer, fiquei umas 3 horas tentando resolver o problema, mas esse video me ajudou muito parabéns

[dogmagro]

Cara top de mais valeu… já estou fazendo curso seu na Udemy e pra não perder o costume consumindo mais conteúdo seu aqui no YouTube… sua forma de explicar eh ótima, valeuuuu

[charles]

cara, muito obrigado pelo conteudo, ajudou muito!!!

[vrct]

Nossa, valeu mesmo professor, era tudo que eu precisava e nao achava em lugar nenhum.

[demetriotake]

Você foi fantastico. Que explicação, que explicação meus amigos. Parabéns.

[flaviodamataflv]

Cara! Valeu demais tinha refeito todo o meu projeto de portifolio agora utilizando React /Vite e não estava conseguindo fazer o deploy, agora meu portifolio já esta no ar!!! valeuuu, Matheus sua didatica é sensacional Parabéns!!!

[emanuelmarques]

Super prático e objetivo. Muito obrigado

[muitocompouco]

Cara, obrigado pelo seus conteúdos, já tenho uns 5 cursos seu. gosto muito da sua didática!

[leonardofilipe]

Matheus. Muito obrigado por compartilhar seus conhecimentos. Comprei alguns cursos seus e também acompanho você aqui no youtube. Você está ajudando gente!

[manuelhonoredesousa]

Muito Bom... Vídeo Massa. Embora já saber, é sempre bom ver seus vídeos ❤

[mizaelktnazareno]

Esse eu vou salvar, video bacana didático e massa padrao Mateus camarada.

[AnaSantos-gjfh]

Matheus, vc é maravilhoso. Aprendo muito contigo. Obrigada!!