Deploy de projeto React na Vercel - React, Vite e Vercel

Подписаться 142 тыс.

Просмотров 14 тыс.

50% 1

Neste vídeo você aprenderá a como fazer o deploy de uma aplicação React JS na Vercel
⭐ Conheça nossos cursos: horadecodar.co...
O projeto criado com a ferramenta Vite será enviado ao servidor da Vercel e disponibilizado para acessar através de um link
Utilizaremos a CLI da Vercel para não ter qualquer barreira de git, GitHub ou outro gerenciador de projetos
O processo é super simples, em menos de 10 minutos você fará o deploy do seu projeto em React! =)
#reactjs #vite #vercel
🔴 Instagram: / horadecodar
🔷 Telegram: t.me/horadecodar
🟣 Discord Hora de Codar: / discord

Опубликовано:

26 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 49

@lau_dicas 4 месяца назад

Impressionante como vc tem um video para todas as dúvidas que me surgem rs. Aula muito boa! Já vou fazer o deploy do meu projetinho que fiz com react+vite, Valeu Matheus!

@biancolorencini4360 29 дней назад

Muito Obrigado, espetacular!

@jhonmuller8062 6 месяцев назад

Que massa Matheus, aprendo muito com você, apesar de ter dado um erro aqui, dei uma olhada no log e corrigir o erro, deu tudo certo.

@igorluyz_ 10 месяцев назад

Aula top de verdade. Parabéns. Brabo demais

@liuredrummer3701 Год назад

Vlw mano, vídeo saiu justo no dia que precisei disso

@MatheusBattisti Год назад

showw!

@andredias6356 Год назад

obrigado por compartilhar seu conhecimento

@MatheusBattisti Год назад

de nada!! =D

@mariacenci1772 10 месяцев назад

Matheus me salvando como sempre, muito obrigada !!

@warleyxavier7142 10 месяцев назад

Excelente vídeo! Já deixei minha curtida e me inscrevi na página

@rcodev Год назад

eu não entendo, todas as minhas rotas estão funcionando muito bem, mas quando dou F5 na página aparece o erro na vercel 404: NOT_FOUND

@qweasd12391 5 месяцев назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_YUqpiv3XiY.html solucao !!

@klebercoelho Месяц назад

Simmm ocorre a mesma coisa comigo, em locahost funciona tudo corretamente mas na vercel se eu apertar F5 ocorre o mesmo erro e ai tenho que voltar a pagina inicial > / e clicar em outros rotas > /login mas caso eu der F5 da esse erro, por acaso descobriu como resolver?

@rcodev Месяц назад

@@klebercoelho opa, não consegui resolver, fiz até as configurações que me passaram e continua esse mesmo erro. O jeito foi fazer o deploy em outro loca rs

@klebercoelho Месяц назад

descobrir como resolver, na raiz do projeto cria uma pasta com o nome "vercel.json" com esse conteudo { "rewrites": [{ "source": "/(.*)", "destination": "/" }] } depois é só realizar o deploy que vai funcionar o redirecionamento de rotas

@rcodev Месяц назад

@@klebercoelho eu tbm fiz isso, pra mim o erro continuou, aí eu fiz foi mudar logo kk mas essa opção para algumas pessoas deu pra resolver.

@moacirrochadev Месяц назад

Eu tô tentando fazer deploy na vercel de um projeto, mas depois do deploy não aparecem as fotos no site criado pelo vercel.

@douglasalcantara891 7 месяцев назад

Muito bom!

@LusquinhaNathan 9 месяцев назад

Obrigado!!!

@nandomendesoficial2533 Год назад

Show!!!

@MatheusBattisti Год назад

valeu Nando!

@nandomendesoficial2533 Год назад

Eu sou quem agradece!!! Tenho vários dos seus cursos na Udemy. São muito bons, Matheus. Parabéns.

@Luis-Fernando19 10 месяцев назад

Obrigado

@giovane6521 Год назад

E quando tem o backend junto, como faz esse deploy?

@Ramon_Oyster_Cult Год назад

Salve Matheus, vai ter curso de Next.js 13 na Udemy algum dia??

@MatheusBattisti Год назад

opa Ramon, acho que não tão cedo, o Next está em constantes mudanças...

@gabrielhipolito8451 3 месяца назад

se voce esta usando rotas, crie esse arquivo na raiz do projeto { "rewrites": [ { "source": "/(.*)", "destination": "/index.html" } ] } , salve como vercel.json, faca a build dnv, pos o deploy sua url não terá o "#"

@021pigmeu3 16 дней назад

pra min as minhas imgs n aparecem nem com urls pode me ajudar

@GustavoSilva-gn5if Год назад

Matheus, tem como dar deploy em um projeto vite react que usa o json-server como simulador de API no vercel?

@welingtonsilvalopes9825 7 месяцев назад

Conseguiu a resposta amigo? Tô com essa mesma dúvida

@carolsanches3516 4 месяца назад

Como deixo meu deploy público na Vercel?

@gokugamer1756 Год назад

Matheus, qual vc acha melhor, Vercel ou Netlify?

@MatheusBattisti Год назад

gosto mais da Vercel, mas pretendo fazer um vídeo da Netlify tb, os dois resolvem bem o problema sinto que a Vercel ta mais próxima da gente, sempre atualizando, trocando info com a comunidade

@flipskies3807 7 месяцев назад

quando compartilho o link com alguem pede para logar no vercel? tem como carregar a pagina sem isso? algm help pls

@tavaresevaristo Год назад

Professor, se eu tenho o projeto no GitHub, e fazer um commit, na vercel não vai mudar nada no meu projeto! Eu tenho que abri sempre no computador ou como isso vai funcionar?

@eduardoborges2792 10 месяцев назад

o meu ta dando esse erro aqui Invalid vercel.json - should NOT have additional property `sources`. Please remove it. O que eu faço?

@diogocoutto7303 Год назад

Matheus em relação a sites , quando precisamos criar um campo para e-mail, utilizamos banco de dados para armazenar e-mails recebidos, ou tem alguma ferramenta que ajuda nisso ?

@jenyfferbastos7448 Год назад

Depende. Eu criei uma aplicação simples apenas para receber e-mails de contato, eu usei o sendgrid, não necessita de banco de dados, chega diretamente no seu gmail

@renatovelasco8486 Год назад

Alguém sabe como que utiliza os components da Vercel ?

@FernandoSantos-r6g Год назад

Matheus, como rodamos React e Node no mesmo servidor ?

@emillyferrao28 10 месяцев назад

bah, mal comecei e ja deu erro, esse react é uma p**** dor de cabeça, sempre um problema

@FeelTheRhythmn 9 месяцев назад

Vue >>> React kkkkkk

@emillyferrao28 9 месяцев назад

@@FeelTheRhythmn vue é melhor???

@alexvicente9426 9 месяцев назад

Matheus eu desenvolvi um software pra um cliente em Next 14, cara tentei fazer o deploy na vercel e não da certo, na hora do deploy fica dando erro na propriedade key que o react exige quando se faz um map sendo que todos os map estão com a key, e da erro tbm no local storage, ele diz que não existe, isso não faz sentido, o local storage é um metodo nativo do JS kkk, vc sabe dizer o que pode está ocorrendo ou esse é um bug mesmo?

@eduardodouglas5424 8 месяцев назад

conseguiu solucionar amigo?

@alexvicente9426 8 месяцев назад

@@eduardodouglas5424 Não cara, iniciei um novo projeto com vite e react e joguei os componentes pra esse novo projeto, adaptei tudo e ai sim o deploy foi super tranquilo.

@danielaugusto1412 4 месяца назад

A minha pagina ficou em branco e deu o seguinte erro: Uncaught TypeError: qb is not a function at $y (index-919619bf.js:88:28) at index-919619bf.js:88:14916 at index-919619bf.js:89:3808

@m.isac14 7 месяцев назад

Quem receber o seguinte erro ao tentar executar o comando vercel: "vercel.ps1 não pode ser carregado porque a execução de scripts foi desabilitada neste sistema.", basta executar no terminal como administrador o comando: Set-ExecutionPolicy RemoteSigned