Desarrollador Completo de Next.js

¡Bienvenido a nuestro curso de Next.js, donde priorizamos el aprendizaje efectivo! ¡Di adiós a los tutoriales obsoletos y confusos que desperdician tu valioso tiempo!

Te llevaremos más allá de los fundamentos, capacitándote para crear aplicaciones modernas de nivel empresarial utilizando las tecnologías más recientes de Next.js.

¿Y lo mejor? Aprenderás en una comunidad vibrante.

Al inscribirte hoy, tendrás acceso a nuestra exclusiva aula comunitaria en línea en vivo, conectándote con miles de compañeros estudiantes, exalumnos, mentores, asistentes de enseñanza e instructores.

Comprometido. Dinámico. Solidario. Amigable. Inspirador. Esencial.

Estas palabras capturan cómo los estudiantes se sienten sobre el Discord de ZTM, una de las comunidades de desarrolladores más grandes y activas en Discord.

Lo más importante es que serás guiado por veteranos de la industria (Ankita y Andrei) que traen experiencia del mundo real como Ingenieros Senior de compañías líderes en Silicon Valley y Toronto. Además, Ankita es una oradora y conferenciante regular en prestigiosas conferencias de Next.js y React.

Este curso impulsado por proyectos te iluminará sobre el conjunto de herramientas modernas del desarrollador de Next.js para 2024.

Incluso crearás una extensa aplicación clon de Netflix utilizando React Hooks, Hasura (GraphQL), Context API, Airtable, Serverless Functions, Framer Motion, Vercel y más.

¡A diferencia de la mayoría de los tutoriales en línea de Next.js, este es un desarrollo completo full-stack!

Todo el código se proporciona paso a paso, así que incluso si decides no codificar junto con nosotros, tendrás acceso al código maestro completo del proyecto (sí, ¡estarás construyendo Netflix!) para mostrar en tu portafolio.

Esto es lo que el curso incluirá para transformarte de un novato a un experto en Next.js

El plan de estudios es práctico, guiándote desde la concepción del proyecto hasta el lanzamiento de una aplicación profesional de Next.js en producción.

Comenzaremos con lo básico cubriendo los fundamentos de Next.js.

Pero eso es solo el comienzo; luego profundizaremos en temas avanzados para ayudarte a tomar decisiones informadas sobre arquitectura y herramientas para tus futuros proyectos de Next.js.

A continuación, un breve resumen de los temas que cubrirás:

1. Fundamentos de Next.js

Exploraremos las diferencias entre Next.js y React, destacaremos los numerosos beneficios de Next.js y explicaremos el concepto de JAM Stack. Esta sección fundamental sentará las bases para todo el curso.

2. Tu Primera Aplicación de Next.js | Proyecto Coffee Connoisseur

Crearás tu primer proyecto instantáneamente. Este proyecto tiene como objetivo enseñarte los aspectos esenciales de Next.js, centrándose en configurar el proyecto, módulos CSS, actualización rápida y más.

3. Enrutamiento en Next.js | Coffee Connoisseur

Aprenderás sobre varios aspectos del enrutamiento, incluyendo rutas dinámicas, rutas de índice, rutas nombradas y el componente link.

4. Estilizado en Next.js | Coffee Connoisseur

Esta sección cubre el estilo de tus aplicaciones con módulos CSS, separando estilos de componentes y aplicando estilos globales.

5. Hidratación, SEO y Técnicas de Renderizado en Next.js

Esta sección crítica discute los aspectos esenciales del SEO, cómo Next.js mejora el SEO y varias técnicas de renderizado como la generación estática de sitios, el renderizado del lado del servidor, la regeneración estática incremental y el renderizado del lado del cliente.

6. Páginas Estáticas de Tiendas de Café | Coffee Connoisseur

Aprende las intrincaciones del renderizado estático y cómo decidir qué renderizar estáticamente mientras haces solicitudes a la API de Foursquare y implementas SSG.

7. Localizando Tiendas de Café | Coffee Connoisseur

Esta sección explora diferentes soluciones en el rendering estático, junto con recuperar ubicaciones de usuarios y usar la API de Contexto.

8. Funciones Serverless | Coffee Connoisseur

¿Qué son las funciones serverless y cuándo son aplicables? Crearás funciones serverless para obtener información estática de las tiendas de café.

9. Almacenando Datos de Tiendas de Café con Airtable | Coffee Connoisseur

Ahondarás en el almacenamiento de bases de datos utilizando Airtable, almacenando datos de tiendas de café y aprendiendo sobre el renderizado del lado del cliente.

10. SWR y Renderizado del Lado del Cliente | Coffee Connoisseur

¿Qué es SWR y cuándo deberías utilizarlo? Utilizarás Next.js para SWR y renderizado del lado del cliente en esta parte.

11. Despliegue y Optimización | Coffee Connoisseur

Aprende a desplegar tu aplicación en Vercel y Netlify, descubre diferentes proveedores de nube, comprende qué es Lighthouse y optimiza el rendimiento de tu Next.js.

12. Configuración del Proyecto | Clon de Netflix con Next.js

¡Prepárate para tu proyecto principal! Esta sección trata sobre sentar las bases para tu clon de Netflix.

13. Página Principal de Netflix y Visualización de Videos | Clon de Netflix con Next.js

Construye la página principal de Netflix con renderizado del lado del servidor, aprendiendo a invocar la API de YouTube para obtener y mostrar videos. También utilizarás Framer Motion para diseños complejos de tarjetas.

14. Autenticación con Magic | Clon de Netflix con Next.js

Descubre cómo funciona la autenticación en Next.js implementando inicio de sesión sin contraseña y creando una página de inicio de sesión segura.

15. Regeneración Estática Incremental | Clon de Netflix con Next.js

Muestra videos en la página principal y utiliza ISR para crear una página modal, aprendiendo más sobre la generación estática incremental.

16. Explorando Hasura GraphQL | Clon de Netflix con Next.js

Descubre GraphQL, Hasura y su arquitectura subyacente, configurando tu proyecto dentro del entorno de Hasura.

17. Autenticación de Hasura | Clon de Netflix con Next.js

Aprende sobre la arquitectura del flujo de autenticación y utiliza el SDK del lado del servidor para iniciar sesión de usuarios.

18. Página de Calificaciones y Favoritos | Clon de Netflix con Next.js

Configura Hasura para un servicio de calificaciones, desarrolla una API de calificaciones para gustar/no gustar videos y crea una página de lista de favoritos.

19. Despliegue Final | Clon de Netflix con Next.js

Establece el repositorio final en GitHub, configúralo y despliega a Vercel!

20. Introducción a React | Sección Opcional

Una sección suplementaria para aquellos que necesiten un repaso de React.js y React Hooks para maximizar su experiencia en el curso.

¿Curioso sobre lo mejor?

Este curso evolucionará y se adaptará continuamente junto al ecosistema de Next.js.

A medida que se produzcan actualizaciones en el ámbito de Next.js, espera que nuestro curso se actualice con nuevas conferencias y recursos.

Esto significa que puedes revisar el curso en cualquier momento para ponerte al día con las mejores prácticas más recientes de Next.js.

Entonces, ¿cuál es la esencia?

Este curso no se trata de simplemente codificar sin comprender los conceptos básicos, llevándote a terminar sin saber cómo proceder más allá de ver más tutoriales... ¡De ninguna manera!

¡Nuestro objetivo es elevarte de un completo principiante a estar entre el 10% superior de desarrolladores de Next.js y React 💪.

¿Cómo sabemos que esto funciona?

Porque numerosos exalumnos de Zero To Mastery han conseguido con éxito roles en compañías como Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook y Shopify.

Nuestros graduados representan diversos antecedentes, edades y experiencias, con muchos comenzando desde un lugar de total inexperiencia.

Entonces, ¿por qué no tú?

Sin nada que perder, puedes comenzar tu viaje de aprendizaje hoy, y si encuentras que el curso no cumple tus expectativas, ofrecemos un reembolso completo del 100% sin problemas dentro de los 30 días. Sin preguntas.