Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] Quando gero a build do projeto em Nextjs usando typescript ele nao encontra nenhuma pagina criada por mim

Testei varios tipos de estrutura de pastas para paginas que eu crio, achei esse padrao que funcionou quando rodo com yarn dev mas quando buildo usando yarn build ele cria a pasta out mas quando uso o mesmo caminho que uso no desenvolvimento ele nao encontra /Perfil, /Login, apenas a pagina principal /.

Imagem que mostra a estrutura de pastas do projeto em nextjs usando typescript

3 respostas

Fala, Samuel! Vi que tu tá usando a estrutura de pastas padrão do Next.js pra páginas as páginas tão dentro da pasta "pages" na raiz do teu projeto.Beleza!

Quando tu fala que não encontra as páginas /Perfil, /Login na build, pode ser um lance de case sensitivity. Se tu tá usando Windows no desenvolvimento, ele não liga muito pra maiúsculas/minúsculas nos caminhos, mas na build pode ser mais chato.

Outra coisa, dá uma olhada no nome dos arquivos. Se o teu arquivo é "Perfil.tsx", o caminho tem que ser "/Perfil", saca? Isso também pode influenciar na hora da build.

Se nada disso resolver, pode ser algo específico da configuração do TypeScript ou do Next.js no teu projeto. Dá uma revisada nas configurações de tsconfig.json e no arquivo next.config.js, se tiver. Às vezes, alguma config pode estar interferindo na build.

Dica de curso: https://cursos.alura.com.br/course/next-js-iniciando-framework

Ok vou da uma olha, deixei tudo em minusculo e "buildei", quando vou acessar a image da docker a url das paginas que seriam "/perfil" ou "/login" (deixei os nome das pastas em minusculo), ficam "/perfil.html" e "/login.html". Como faz para tirar o html?

Segue o print das pastas:

Image da estrutura de pastas atualizadas

solução!

O problema é que nao estava usando corretamente o APP route do Nextjs por isso nao tava dando certo.

Resolvido com o uso total da pasta APP/, nao usei o Page/