Subindo um site para produção com Vercel
Vercel é uma plataforma para subir suas aplicações ou sites para produção. Até agora tudo o que a gente fez foi testar nosso código na nossa própria máquina, portanto, não é possível que outras pessoas acessem o projeto.
Dica: projetos que contém o link
http://localhost
significam que estão rodando na sua máquina. Se você compartilhar esse link com outras pessoas, elas não vão conseguir ver nada.
Para começar, nós vamos clicar nesse link https://vercel.com/login para fazer login e clicar em "Continue with GitHub". Após isso vai abrir uma página do GitHub pedindo para você confirmar, permita tudo.
Depois de logado, você deve clicar no botão abaixo para criar um novo projeto:
Clique em "Import" no projeto x-front-end
:
E depois clique em "Deploy":
Nessa tela você clicará nesse quadrado:
Depois disso abrirá um site parecido com esse aqui em uma nova aba e um link aparecerá. Esse link é o que você usará para compartilhar com as pessoas.
Perceba que esse link não contém localhost, ou seja, esse link "aponta" para o seu projeto que está hospedado na Vercel e não na sua máquina mais. Com isso qualquer pessoa que tenha acesso à internet conseguirá ver seu projeto.
Dica: sempre que você atualizar o código na sua máquina, não vai atualizar nesse link de produção. Só vai poder ser visualizado em produção quando você enviar as atualizações para o GitHub.