Design comparison
Solution retrospective
I need some help in deploying my project to github pages, I tried and it's not working
Community feedback
- @R3ygoskiPosted 2 months ago
Olá Murilo, sobre a sua dificuldade, fazer deploy com o angular é meio "chatinho" assim no início, isso está acontecendo porque você não fez deploy do build e sim do seu código, e bom, última vez que fiz um deploy com Angular foi a muito tempo atrás, então não me lembro os comandos exatamente, em breve vou atualizar esse comentário para poder explicar como faz esse deploy.
Caso você queira ver o que é o Build e o Projeto em si, tem esse meu repositório, dê uma olhada, se você clicar ali no "main" do lado esquerdo de "branches" você conseguirá ver o build e o projeto em si.
Edit: Bom, pelo que eu me lembre, você tem que escrever no seu Terminal o seguinte trecho:
npm run build
OUng build
, ambos irão realizar o build do seu projeto, daí você verá uma pasta chamada "dist" na raíz do seu projeto, essa pasta é o build, você tem que enviar ela pro seu Github, e fazer a página carregar no HTML que tem dentro dela, semelhante a como seria o deploy de um projeto sem framework. E daí provavelmente já estará resolvido.Explicando o porque disso: sempre quando vamos utilizar qualquer Framework que seja, React, Vue, Svelte, Angular, nós sempre temos que fazer um Build deles antes do Deploy. Daí enviamos o build em uma branch e o Projeto original em outra branch. Na branch do build é onde conseguimos renderizar nossas páginas.
Caso tenha ficado qualquer duvida, por favor comente abaixo que tentarei ajudar assim que possível.
Marked as helpful1 - @geomydasPosted 3 months ago
Check out this learning path on Frontend Mentor. It has all the info you need for deploying for first site on Github Pages / Vercel / Netlify and submitting your solution
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord