Mastering Next.js
¡Hola a todos! Soy Lee, el creador de Mastering Next.js. Este curso se lanzó originalmente en 2019. Next.js ha evolucionado bastante desde V9 y parte de este curso está oficialmente "anticuado".
He actualizado la descripción general del curso a continuación para anotar qué piezas están actualizadas, cuáles han cambiado y cuáles son mis nuevas sugerencias. En mi opinión, esta es la forma ideal de evolucionar este curso. Los videos servirán como referencia a un punto en el tiempo, pero las adiciones más nuevas al marco hacen que ciertos aspectos sean mucho más fáciles.
- ? A hoy
- ? Anticuado
- ? No lo recomiendo
Introducción
- ? Mira ahora (26:07)
- ? Aquí están mis últimos pensamientos sobre la comparación del marco
- ? Este video menciona la optimización de imágenes, que ahora se admite en Next.js
Reaccionar general
Enseñé componentes de clase en 2019 para aquellos que aún están en el proceso de conversión a reaccionar ganchos. En 2021, ahora es estándar usar React Hooks para todos los proyectos y recomendaría comenzar allí.
- ? Mira la lección (21:01)
- ? Ver código
- ? Accesorios y estado
- ? Componentes funcionales
- ? Reaccionamiento de ganchos
- ? ES6
- ? Jsx
- ? Componentes de clase
Desarrollando localmente
- ? Mira la lección (9:49)
- ?
next dev , next build y next start - ? Más bonito
- ? La optimización de la imagen ahora se admite en Next.js
- ? Eslint ahora está integrado en Next.js
- ? Estándar (Prettier + Eslint Won)
Navegar entre páginas
- ? Mira la lección (19:25)
- ? Ver código
- ?
next/link (enrutamiento del lado del cliente) - ?
useRouter - ? Recuperación de datos de URLS
- ?
getInitialProps : esto ha sido reemplazado en gran medida por API más nuevas
Estilo
- ? Mira la lección (20:04)
- ? Ver código
- ? Responsivo + diseño móvil primero
- ? Estilado-JSX
- ? Los módulos CSS y CSS ahora son compatibles con
- ? Sass - recomendaría otras opciones
- ? Componentes de estilo: recomendaría otras opciones
Obtener datos
- ? Mira la lección (46:30)
- ? Ver código
- ? Rutas API
- ? SWR
- ? Gráfico
- ? Hasura
- ? Cliente de Apollo - Recomiendo SWR
- ? Servidor personalizado: la mayoría de las necesidades para esto se han movido a Next.js Core
next start .
Gestión de activos y SEO
- ? Mira la lección (14:19)
- ? Favicones
- ? Gráfico abierto
- ? Los temas centrales siguen siendo válidos para SEO
- ? La optimización de la imagen ahora se admite en Next.js
- ? Ahora hay orientación oficial sobre SEO
Construyendo un blog con MDX
- ? Mira la lección (32:32)
- ? Ver código
- ? MDX vs CMS
- ? Biblioteca de componentes (UI de tema): recomendaría otras opciones
- ? Statickit: adquirido por FormsPree
Autenticación
- ? Mira la lección (23:34)
- ? Jwts
- ? Auth0
- ? Tengo un nuevo curso usando Firebase y Next.js
- ? Recomendaría el próximo autocompro para una solución OSS ahora
- ? Aquí están mis últimos pensamientos sobre la gestión del estado (formularios)
Manejo de pruebas y errores
- ? Mira la lección (33:12)
- ? Broma
- ? Biblioteca de pruebas reaccionadas
- ? Sentry (ver último ejemplo)
Gestión estatal y más
- ? Mira la lección (25:41)
- ? Integración de mecanografiado
- ? Aquí están mis últimos pensamientos sobre la gestión del estado
- ? Redux (ver último ejemplo)
Exportación e implementación
- ? Mira la lección (11:20)
- ? Velo
- ? Ya no necesita personalizar nada en
vercel.json , ¡simplemente funciona! - ? Zeit ahora es VERCEL
