Algumas dúvidas sobre o GitHub Pages

Então brother te dar umas dicas.

Site pra tu hospedar: netlify.com de graça.

explicação https://www.youtube.com/watch?v=xqlQQmE-zTU&t=461s

portfólio:

https://www.youtube.com/watch?v=aEHN3HKxpGs&t=964s

Git e Github: funciona com tudo, Js e oq for, só seguir, e não demora nem 5 minutos se fizer certo e tiver instalado o git na máquina.

git init (se for a primeira vez que vc for subir os arquivos pro github)

** Se precisar Git branch -m master main

git remote add origin --link-- (conecta o github com o git)

git add . (adiciona tudo, mas se vc quiser adicionar só coisa específica, tem um jeito certo tb)

git commit - m "Escreve alguma coisa" (cria e nomeia o commit, que é o versionamento de codigo)

git push origin main (coloca as coisas no main do github)

Espero ter ajudado.

Boa tarde, Diego! Tudo bom?

Muito obrigada pelo feedback, fico bem contente em ler isso! Agora, sobre as perguntas, também vou responder em tópicos.

1º pergunta - no curso você diz que o processo de deploy demora + ou - 5 minutos no GitHub Pages, mas já estou esperando há uns 30 minutos e ainda continua aparecendo a página "404 site not found". Sei que devo estar sendo ansioso, mas só queria saber se esse tempo pode variar mesmo ou se pode ter dado algum problema aqui no meu GitHub.

Geralmente não é pra demorar tudo isso não, mas o Github Pages anda tendo instabilidade então pode ter sido isso que ocorreu no dia. Mas se até agora não subiu, tem como me mandar o link do seu repositório?

2º pergunta - a página que fizemos no curso é totalmente estática. Então, gostaria de saber se podemos também fazer (e se funcionaria perfeitamente) o deploy de páginas com elementos dinâmicos manipulados por Javascript e seus frameworks, e se a pessoa que vai acessar as páginas vão conseguir ver esses elementos ddinâmicos sem bugs ou coisa do tipo

O deploy funcionaria se usasse Javascript normalmente sim. Somente vai dar problema quando tem framework, mas já tem como consertar isso instalando a dependencia gh-pages. Tem esse artigo do William Oliveira que mostra direitinho como faz: https://woliveiras.com.br/posts/deploy-de-uma-aplica%C3%A7%C3%A3o-react-no-github-pages/

Mas resumidamente o Github abrange bastante das situações que podemos esbarrar hehe

3º pergunta - como eu estou em busca de oportunidades em nossa área, seria muito legal fazer um site pessoal, de portfólio mesmo, com uma apresentação minha e com meus projetos todos lá, mas infelizmente não tenho grana no momento para pagar um domínio e uma hospedagem. Então eu queria saber se tem como eu desenvolver esse meu site pessoal de portfólio, contendo meus projetos, e postar ele pelo Vercel ou GitHub.

Pode sim fazer seu portfólio nessas plataformas, eu conheço muita gente que fez o site pessoal com o Github Pages. Peguei até aqui um vídeo do Mario Souto que ensina como fazer o site sair com uma URL mais bonita pra parecer site pessoal mesmo: https://www.youtube.com/watch?v=BU-w2_Aae54&ab_channel=DevSoutinho (a partir do 7:52)

Legal que quando tiver condições de pagar domínio é só configurar em ambos sites pra trocar :D

Nem precisa pagar domínio Mônica, o netlify é de graça e fácil de hospedar e dar o deploy. Muito útil pra quem está começando.

Tem o netlify mesmo Ilso, vou até ver pra galera produzir um conteúdo de deploy lá também =D

boa! vai ficar show! breve fazendo seu curso, adorando os profs da Alura!

Olá, pessoas :)

Agradeço demais vcs dois, Ilso e prof Mônica, pelo feedback.

Ilso, valeu pelas dicas, brother. Com certeza vou aproveitar seus conselhos.

E prof Mônica, obrigado por responder todos os tópicos. Em relação ao deploy, demorou mas aconteceu e o site foi para o ar :D

Em relação à páginas dinâmicas, entendi que no GitHub podemos contornar o problema dos frameworks, mas gostaria de saber se no Vercel os frameworks também dariam algum problema ou se podemos sinplesmente fazer o deploy sem se preocupar com isso.

E falando sobre o portfolio, era isso mesmo que eu precisava saber.

Obrigado novamente aos dois

Na Vercel funciona sim sem precisar fazer coisas a mais! Geralmente quando eu faço projeto React eu uso ele pra fazer deploy :D

Valeu, Monica.

Obrigado por tirar minhas duvidas