Enrutador de Aplicación (App Router)

¡Bienvenido al curso Fundamentos de Next.js! En este curso interactivo gratuito, aprenderás las principales características de Next.js construyendo una aplicación web full-stack.

Lo que construiremos

Para este curso, construiremos un panel financiero que incluye:

• Una página de inicio pública.
• Una página de inicio de sesión.
• Páginas del panel protegidas por autenticación.
• Capacidad para que los usuarios agreguen, editen y eliminen facturas.

El panel también tendrá una base de datos asociada, que configurarás en un capítulo posterior.

Al finalizar el curso, tendrás las habilidades esenciales necesarias para comenzar a construir aplicaciones full-stack con Next.js.

Resumen

Aquí tienes un resumen de las características que aprenderás en este curso:

• Estilos: Las diferentes formas de estilizar tu aplicación en Next.js.
• Optimizaciones: Cómo optimizar imágenes, enlaces y fuentes.
• Enrutamiento: Cómo crear diseños anidados y páginas usando el enrutamiento basado en archivos.
• Obtención de datos: Cómo configurar una base de datos Postgres en Vercel y mejores prácticas para obtener y transmitir datos.
• Búsqueda y paginación: Cómo implementar búsqueda y paginación usando parámetros de búsqueda en URL.
• Mutación de datos: Cómo mutar datos usando Acciones de Servidor de React y revalidar la caché de Next.js.
• Manejo de errores: Cómo manejar errores generales y errores 404 no encontrados.
• Validación de formularios y accesibilidad: Cómo hacer validación de formularios en el servidor y consejos para mejorar la accesibilidad.
• Autenticación: Cómo agregar autenticación a tu aplicación usando NextAuth.js y Middleware.
• Metadatos: Cómo agregar metadatos y preparar tu aplicación para compartir en redes sociales.

Conocimientos previos

Este curso asume que tienes un conocimiento básico de React y JavaScript. Si eres nuevo en React, te recomendamos que primero completes nuestro curso Fundamentos de React para aprender los conceptos básicos como componentes, props, estado, hooks, y características más recientes como Componentes de Servidor y Suspense.

Requisitos del sistema

Antes de comenzar este curso, asegúrate de que tu sistema cumpla con los siguientes requisitos:

• Node.js 18.18.0 o posterior instalado. Descarga aquí.
• Sistemas operativos: macOS, Windows (incluyendo WSL) o Linux.

Además, también necesitarás una Cuenta de GitHub y una Cuenta de Vercel.

Únete a la conversación

Si tienes preguntas sobre este curso o deseas proporcionar comentarios, puedes preguntar a nuestra comunidad en Reddit o GitHub.