Curso de NextJS

Qué es NextJS, qué nos ofrece y qué requisitos necesitas cumplir para poder tomar este curso. Qué diferencias y paralelismos hay entre React y NextJS.

Cómo instalar Next.js. Iniciación de un proyecto desde cero usando este framework.

Entender la arquitectura de NextJS. Realización de un análisis detallado de la estructura de carpetas del proyecto.

Entendiendo las diferencias fundamentales entre los componentes que operan en el servidor y los que se ejecutan en el cliente.

Introduciremos el sistema de routing de Next.js. Verás cómo crear y manejar rutas básicas para navegar entre páginas dentro de una aplicación.

Qué son las rutas anidadas. Cómo estructurar rutas anidadas en Next.js para organizar mejor el contenido y las secciones de tu aplicación.

Aprenderemos a utilizar rutas dinámicas en Next.js, permitiendo la creación de páginas con parámetros de URL variables que presentan contenido personalizado.

Mostraremos cómo manejar páginas no existentes en la aplicación (errores HTTP 404) en Next.js, para mejorar la navegación y la experiencia del usuario en casos de accesos a rutas inválidas.

Cómo conseguir que algunas rutas no se muestren en el sitio, de modo que permanezcan ocultas y no se generen como páginas.

Son rutas que podemos tener en el proyecto agrupadas porque pertenecen a una misma funcionalidad, de modo que podamos organizar mejor las carpetas del proyecto, sin que afecte a la anidación de las secciones del sitio.

Cómo integrar las hojas de estilo en cascada en un proyecto Next.js. Veremos las distintas opciones para manejar el CSS de la aplicación.

Profundizamos en el concepto de layouts en Next.js, que nos permiten realizar la estructura o maquetación del sitio web. Veremos un ejemplo sencillo en el que ampliaremos el layout de la aplicación y cómo sobreescribir layouts globales para modificar los layouts en determinadas secciones del sitio.

Aspectos particulares de la metadata title de las aplicaciones NextJS que nos permiten definir aspectos como los títulos por defecto o valores que deben aparecer en todos los títulos de páginas del sitio (añadidos al título particular de la página).

Cómo mejorar el SEO en las aplicaciones NextJS y personalizar los metadatos de las distintas páginas del sitio, es decir, descripciones, títulos, palabras clave, manifiestos, etiquetas sociales como las de opengraph, etc. Veremos cómo hacer también metadatos dinámicos en las rutas dinámicas.

Exploraremos el componente Link y el enrutamiento del lado del cliente en Next.js para implementar navegación mediante enlaces y programática, como ocurría en React en las SPA.

Cuál es el concepto de template en NextJS y en qué se diferencia de los layouts, con ejemplos.

Veremos una técnica disponible en Next.js para implementar indicadores de carga para la mejora de la percepción del usuario durante las esperas.

Qué son las rutas paralelas en el framework, que nos sirven para desarrollar páginas complejas mediante diversos archivos que definen cada parte de una página completa.

Cómo implementar componentes dentro de la aplicación para usarlos en las distintas páginas del sitio.

NextJS nos ofrece la posibilidad de crear nuestras propias API con programación Javascript del lado del servidor. Veremos cómo desarrollarlas en nuestras aplicaciones.