[Dúvida] Como separar arquivos e subir para o Vercel? | HTML e CSS: trabalhando com responsividade e publicação de projetos

Olá pessoal. Perante as aulas de HTML/CSS, eu fiz 3 versões dos arquivos, separando entre aula01, aula02 e aula03. No GitHub eu criei pastas na seguinte ordem: pkmanto/alura-html-css-class/aula01-portfolio/ ... arquivos soltos aqui. Link: https://github.com/pkmanto/alura-html-css-class/tree/main/aula01-portfolio

Só que quando vou usar o Vercel, ele quer pegar o acesso do /alura-html-css-class/ e não deixa eu selecionar separado os outros, ocasionando no Erro 404. Por acaso teria algum esquema pra selecionar separado? Ou realmente ele só aceita separado os arquivos do GitHub, não junto por pastas?

Já quebrei a cabeça pra deixar organizado no GitHub, agora se precisar mudar, terei que desfazer tudo, isso é um saco kkk. Fico no aguardo.

Oi, Patrick! Tudo bem?

Pelo que entendi, você dividiu seu projeto em pastas separadas para cada aula. No entanto, o Vercel, ao fazer o deploy, busca os arquivos na raiz do repositório. Isso significa que ele procura por um arquivo index.html na pasta principal do seu repositório, e não dentro de subpastas.

Aqui está um exemplo prático:

Seu repositório no GitHub:

/alura-html-css-class/
    /aula01-portfolio/
        index.html
        style.css
    /aula02-portfolio/
        index.html
        style.css
    /aula03-portfolio/
        index.html
        style.css

O que o Vercel espera:

/alura-html-css-class/
    index.html
    style.css

Por isso, quando você tenta fazer o deploy no Vercel, ele não consegue encontrar o arquivo index.html, pois está procurando na pasta principal, e não dentro das subpastas que você criou.

Para resolver esse problema, você pode criar repositórios separados para cada aula no GitHub, em vez de usar pastas dentro de um único repositório. Dessa forma, cada repositório terá seu próprio arquivo index.html na raiz, e você poderá fazer o deploy de cada um deles separadamente no Vercel.

Aqui está um exemplo de como você poderia organizar seus repositórios:

/alura-html-css-class-aula01/
    index.html
    style.css

/alura-html-css-class-aula02/
    index.html
    style.css

/alura-html-css-class-aula03/
    index.html
    style.css

Eu sei que isso pode parecer um pouco trabalhoso, especialmente se você já organizou tudo em um único repositório. No entanto, essa estrutura será mais compatível com o Vercel e permitirá que você faça o deploy de cada aula separadamente.

Também percebi que você nomeou seus arquivos index como aula03-index.html. O Vercel procura por um arquivo de nome index.html na pasta principal, então caso você não altere esse nome ele também vai repetir o erro 404.

Entendo sua frustração com a organização dos arquivos e agradeço muito por compartilhar essa dúvida, pois ela pode ser comum para muitas pessoas.

Espero que essas dicas tenham sido úteis para você. Se tiver mais dúvidas, fique à vontade para perguntar.

Um abraço e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!