Mastering Next.js
Ei, pessoal! Eu sou Lee, o criador de dominar o próximo.js. Este curso foi lançado originalmente em 2019. Next.js evoluiu bastante desde que o V9 e parte deste curso está oficialmente "desatualizada".
Atualizei a visão geral do curso abaixo para anotar quais peças estão atualizadas, que mudaram e quais são minhas novas sugestões. Na minha opinião, esta é a maneira ideal de evoluir este curso. Os vídeos servirão como uma referência a um momento, mas as adições mais recentes à estrutura facilitam a estrutura de certos aspectos.
- ? Atualizado
- ? Desatualizado
- ? Não recomendo
Introdução
- ? Assista agora (26:07)
- ? Aqui estão meus pensamentos mais recentes sobre a comparação da estrutura
- ? Este vídeo menciona a otimização da imagem, que agora é suportada no próximo.js
Reação geral
Ensinei componentes de classe em 2019 para aqueles que ainda estão no processo de conversão em ganchos de reação. Em 2021, agora é padrão usar ganchos do React para todos os projetos e eu recomendaria começar por aí.
- ? Assista Lição (21:01)
- ? Exibir código
- ? Adereços e estado
- ? Componentes funcionais
- ? React ganchos
- ? ES6
- ? JSX
- ? Componentes da classe
Desenvolvendo localmente
- ? Assista a lição (9:49)
- ?
next dev , next build e next start - ? Mais bonito
- ? A otimização da imagem agora é suportada no próximo.js
- ? Eslint agora está integrado no próximo.js
- ? Padrão (mais bonito + Eslint ganhou)
Navegando entre as páginas
- ? Assista Lição (19:25)
- ? Exibir código
- ?
next/link (roteamento do lado do cliente) - ?
useRouter - ? Recuperando dados de URLs
- ?
getInitialProps - isso foi amplamente substituído por APIs mais recentes
Estilo
- ? Assista a lição (20:04)
- ? Exibir código
- ? Recosivo + Design Mobile-primeiro
- ? Styled-JSX
- ? Os módulos CSS e CSS agora são suportados para fora da caixa
- ? Sass - eu recomendaria outras opções
- ? Componentes com estilo - eu recomendaria outras opções
Buscar dados
- ? Assista a lição (46:30)
- ? Exibir código
- ? Rotas de API
- ? SWR
- ? GraphQL
- ? Hasura
- ? Cliente Apollo - eu recomendo SWR
- ? Servidor personalizado - a maioria das necessidades disso foi transferida para o próximo.js Core
next start .
Gerenciando ativos e SEO
- ? Assista Lição (14:19)
- ? Favicons
- ? Graph Open
- ? Os temas principais ainda são válidos para SEO
- ? A otimização da imagem agora é suportada no próximo.js
- ? Agora há orientação oficial sobre SEO
Construindo um blog com MDX
- ? Assista a lição (32:32)
- ? Exibir código
- ? MDX vs CMS
- ? Biblioteca de componentes (UI do tema) - eu recomendaria outras opções
- ? Statickit - adquirido pela FormSPREE
Autenticação
- ? Assista a lição (23:34)
- ? JWTS
- ? Auth0
- ? Eu tenho um novo curso usando Firebase e Next.js
- ? Recomendaria o próximo Auth para uma solução OSS agora
- ? Aqui estão meus últimos pensamentos sobre gerenciamento de estado (formulários)
Teste e manuseio de erros
- ? Assista a lição (33:12)
- ? Jove
- ? React Testing Library
- ? Sentry (veja o exemplo mais recente)
Gerenciamento do Estado e mais
- ? Assista a lição (25:41)
- ? Integração do TypeScript
- ? Aqui estão meus últimos pensamentos sobre gerenciamento de estado
- ? Redux (veja o exemplo mais recente)
Exportação e implantação
- ? Assista Lição (11:20)
- ? Vercel
- ? Você não precisa mais personalizar nada em
vercel.json - ele apenas funciona! - ? Zeit agora é vercel