NextJS - Desvendando os Segredos dos Layouts
Vložit
- čas přidán 7. 08. 2023
- E aí, comunidade de desenvolvedores incansáveis! Voltamos com mais um episódio eletrizante no canal "Mestres da Web"! Hoje, estamos mergulhando fundo em um tópico essencial para uma experiência de usuário impecável: a organização das rotas no diretório App Router.
📂🛤️ Se você já se perguntou como manter suas rotas bem estruturadas e sua navegação suave como um passeio de roller coaster, este vídeo é para você! Nosso Mestre Jancer vai te conduzir pelo intricado labirinto do App Router, mostrando como dividir e conquistar cada rota, para que seus projetos brilhem como um farol na web.
💼🗂️ Não importa se você está desenvolvendo uma aplicação pequena ou um projeto ambicioso, a organização das rotas é o alicerce de uma experiência de usuário perfeita. Vamos explorar cada diretório, cada arquivo e cada detalhe que faz a diferença quando se trata de encantar seus usuários.
🌐🔍 E como sempre, não podemos deixar de te convidar para conferir nossos outros vídeos incríveis:
- Testando IA GitHub Copilot - Futuro da Programação: • Testando IA GitHub Cop...
- Configurando o GitHub com o VS Code - Aprenda a Criar e Conectar Seus Projetos de Programação!: • Configurando o GitHub ...
- Aprenda a Baixar um Emulador Android no PC de Forma Fácil!: • Aprenda a Baixar um Em... - Věda a technologie
Muito bom seus videos, Parabens
Ótimo vídeo. Apenas uma dica: no caso, o correto é 'o componente' e não 'a componente'.
Olá meu Amigo! Agradeço muito pelo feedback. Você está absolutamente certo, o correto é “o componente”. Vou corrigir isso. Obrigado por ajudar a melhorar o conteúdo! 😊
tem como implementar isso em um projeto NextJs v14 mas ainda que usa a antiga pasta "pages" do NextJs ao invez de "app"?
Consegue sim! Com o diretório pages você cria os arquivos com o nome layout.ts (sem o underline) e cria a sua estrutura. Segue a documentação para te ajudar.
nextjs.org/docs/pages/building-your-application/routing/pages-and-layouts
Não funcionou para mim, quando eu chamei o layout details , o layout principal também veio junto.
Olá @joseph5413!
Os layouts funcionam em hierarquia, onde as telas pais que possuem o layout compartilham o mesmo com as telas filhas
Tem como contornar isso?
pra mim só funciona se eu criar a pasta App, de dentro dela criar o arquivo page.tsx, se eu criar qq outro nome, tipo layout, dá pagina nao encontrada. Tem solucao ? estou usando next 14