Next.js - Full Stack Framework con React

10195
Avanzado
Técnicas de programación
24 horas
410 €
Convocatorias
Inicio - Fin
Horario  
2 nov. - 18 nov. Mar, Jue de 16:30 a 20:30 Sin definir
Descripción
Next.js es un framework de código abierto, que utiliza React creado y mantenido por Vercel. El framework ofrece todas las herramientas necesarias para desarrollar aplicaciones web completas.

Durante el curso realizaremos una introducción donde explicaremos ¿Qué es Next.JS? y ¿Dónde usar Next.JS?, mediante diferentes casos de uso. Además hablaremos de cuando usar SSG, SSR o CSR, y de las características out of the box de este framework

Este curso no es el típico curso paso a paso donde se repasan las características básicas del framework, sino que veremos contenidos avanzados y trabajaremos con funciones integradas como su sistema de enrutamiento intuito con soporte para rutas dinámicas o la nueva plataforma de Vercel con funciones como el Zero Config Deployment o el Branch preview.

Requisitos previos

Para poder iniciar y seguir el curso con normalidad, es necesario tener un mínimo de conocimientos de React y Node.js


Objetivos
En este curso revisaremos todas las características que nos puede ofrecer Next.js ya sea para crear aplicaciones con contenido estático o para crear aplicaciones complejas con bases de datos y APIs internas.


El objetivo de este curso es establecer las bases fundamentales del desarrollo de aplicaciones web con Next.js. Por lo que no es un curso sólo donde aprender Next.js o sus características, sino que te enseñaremos cómo funciona, casos de uso, arquitectura y técnicas para sacar el mayor partido a este potente framework.


Contenido
  • Introducción a Next.js
    • Qué es Next.js
    • Casos de uso
    • SSG vs SSR vs CSR
    • Características out of the box
  • Hello World
    • NPM install ...
    • Zero Config
    • Nuestra primera página
    • Anatomía de una aplicación Next.js
  • Routing
    • Rutas mediante páginas
    • Rutas dinámicas con parámetros
    • i18n
    • Navegación dentro de la aplicación con Link
    • Otros métodos de navegación
  • Data fetching
    • Static Site Generation
    • Server Side Rendering
    • Client Side Rendering
  • UI + Styling
    • Opciones para aplicar estilos
    • Estilos generales
    • CSS-in-JS
    • Image
  • API
    • API Functions
    • Rutas
    • Rutas dinámicas
    • Middlewares
  • Listos para producción
    • Deployment
    • Export
  • Plataforma Vercel
    • Zero Config Deployment
    • Branch preview
    • Analytics
    • Plans
    • Demo