Introducción a Next.js

El taller «Introducción a Next.js» ofrece una introducción completa a Next.js, un poderoso marco de React para crear aplicaciones web eficientes y escalables. Next.js simplifica el proceso de desarrollo al ofrecer funciones como la representación en el servidor, la división automática de código y la captura previa de rutas listas para usar. En este taller, los participantes explorarán los conceptos básicos de Next.js, sus características principales y los beneficios que aporta al desarrollo web. Desde la creación de un proyecto de Next.js hasta la creación de páginas dinámicas y la gestión de la obtención de datos, los asistentes adquirirán los conocimientos y las habilidades prácticas necesarios para iniciar su viaje con Next.js y crear aplicaciones web más eficientes y escalables.

Orden del día

Comprensión de los fundamentos de Next.js

  • Introducción a Next.js y su papel en el desarrollo web moderno
  • Características y beneficios clave del uso de Next.js para crear aplicaciones web
  • Descripción general de la representación del lado del servidor (SSR) y la generación de sitios estáticos (SSG) en Next.js

Configuración de un proyecto de Next.js

  • Instalación de Next.js y creación de un nuevo proyecto
  • Explorar la estructura del proyecto y los archivos clave en una aplicación Next.js
  • Configuración del enrutamiento y la navegación en Next.js mediante el sistema de enrutamiento basado en archivos

Creación de páginas estáticas y dinámicas

  • Creación de páginas estáticas con Next.js mediante el Obtenga accesorios estáticos función
  • Generación de rutas y páginas dinámicas con obtención de datos en Next.js
  • Implementación de la representación del lado del cliente (CSR) para contenido dinámico mediante Obtenga accesorios del lado del servidor función

Trabajando con diseños y componentes

  • Creación de componentes de diseño reutilizables en Next.js
  • Organización de los componentes de página y los componentes compartidos en una aplicación Next.js
  • Aprovechar los componentes y ganchos de React en Next.js para crear elementos de interfaz de usuario

Obtención de datos en Next.js

  • Obtención de datos de API externas mediante el buscar API y Obtenga accesorios estáticos
  • Gestionar la obtención de datos durante el procesamiento del lado del servidor con Obtenga accesorios del lado del servidor
  • Implementación de la recuperación y el almacenamiento en caché de datos del lado del cliente con React Hooks en Next.js

Estilo de aplicaciones de Next.js

  • Diseñar aplicaciones Next.js con módulos CSS
  • Integración de bibliotecas populares de CSS en JS como styled-components o Emotion con Next.js
  • Optimización de CSS para el rendimiento y la capacidad de mantenimiento en proyectos de Next.js

Agregar autenticación y autorización

  • Implementación de la autenticación y la autorización en las aplicaciones Next.js
  • Utilizar proveedores de autenticación de terceros como Auth0 o Firebase Authentication
  • Protección de rutas y gestión de sesiones de usuario en aplicaciones Next.js

Implementación de aplicaciones Next.js

  • Optimización de las aplicaciones de Next.js para la implementación en producción
  • Creación e implementación de aplicaciones de Next.js en plataformas de alojamiento populares como Vercel o Netlify
  • Configuración de canalizaciones de integración e implementación continuas (CI/CD) para proyectos de Next.js

Técnicas de optimización del rendimiento

  • Identificación de los cuellos de botella de rendimiento en las aplicaciones de Next.js
  • Optimización del rendimiento de renderizado con división de código y carga diferida
  • Implementación de funciones sin servidor y almacenamiento en caché perimetral para mejorar el rendimiento

SEO y accesibilidad en Next.js

  • Optimización de las aplicaciones de Next.js para la optimización de motores de búsqueda (SEO)
  • Implementación de metaetiquetas, datos estructurados y mapas del sitio para un mejor SEO
  • Garantizar las mejores prácticas de accesibilidad en las aplicaciones de Next.js para mejorar la usabilidad

Al final del taller «Introducción a Next.js», los participantes habrán adquirido una sólida comprensión de los fundamentos de Next.js y las habilidades necesarias para crear aplicaciones web más eficientes y escalables. Estarán equipados con estrategias prácticas, mejores prácticas y experiencia práctica para aprovechar Next.js de manera efectiva en sus proyectos y avanzar en sus carreras en el desarrollo web.

Profesor
Dmitry Zaets
Modalidad
Presencial
Duración
8
horas
Precio por persona
desde
400
Total Price
desde
Ubicación
Barcelona, Madrid, Valencia, Bilbao
Idioma
English, Spanish, Catalan

¿Estás listo para empezar?

Thank you!
We will get back to you as soon as possible.
Oops! Something went wrong while submitting the form.