Layout de Projeto e Manipulação do "head" com next/head e next/_document - Next.js
Вставка
- Опубліковано 8 лют 2025
- No vídeo de hoje, iremos manipular a tag Head do HTML para implementar modificações importantes que vão além do body e alterações visuais na página. Não só isso, mas iremos criar um Layout padrão aplicável em todas as páginas que será chamado somente uma vez, visando performance 😊
Repositório do Projeto: github.com/hur...
📢 Discord do canal: / discord
Partes do vídeo:
00:00 Introdução
01:22 next/head
06:40 next/_document
10:27 next/_app e Layout padrão para as páginas
17:29 Conteúdo das Páginas (estaticamente)
Vamo pra cima 🚀🚀
🥳🥳
Mano, parabéns pela sua didática! eu estudo sobre JS, TS, React, Next e Nest. Enquanto n sai os próximos vídeos, vou maratonar o seu canal sobre os contéudos acima. Like smp!
Massa demais Rian!!! Fico muito feliz em ajudar bro, segue firme nessa jornada hehe
mais uma ótima aula, muito obrigado
Tamo junto Diego!! Obrigado irmão :D
Eu estou estudando Next,js e estou achando bem fácil.
Aí sim mano! O Next.js não tem muito mistério, só vai um pouco além do que conhecemos do React padrão hehe
boaa! sabe se o next/_app ainda funciona no novo diretorio /app do next JS 13? To começando um projeto em next13 e mudou bastante coisa, fica ai a sugestao de um tema de video! valeuu
Eae Victor!! Eu vou falar sobre isso quando migrar esse projeto pro Next 13 hahahahah, mas ele tá com uma estrutura diferente, funciona da mesma forma só que é em outro lugar hehe
Ótimo vídeo! Só me surgiu uma dúvida. Por que utilizou o style do React em vez do Tailwind?
Opa!! Escolhi pelo style por dois motivos:
1 - Farei um vídeo SÓ de Tailwind no Next hehe
2 - O Tailwind tem dificuldades em montar classes dinâmicas com variáveis, nesse caso, de cores personalizadas. Dá pra fazer? Dá. Mas achei o style mais simples hehe