Next.js es uno de los frameworks frontend más populares hoy en día para el desarrollo y producción de aplicaciones frontend/react con una gran variedad de funciones como renderizado en servidor, estático, rutas dinámicas, optimización para imágenes, soporte para typescript, enrutado a través del sistema de archivos, soporte para css, rutas api y mucho más.

Lo que aprenderás en este curso:

Fundamentos de Next js

• Crear una App Next.js

• Estructura de carpetas y archivos

• Páginas y Rutas

• Encabezados Html

• Layout y estilos CSS

• Estilos JSX

• Personalizar Documento HTML

• Obtención de Datos

• Mostrar Datos

Proyecto 1: Crud con Next.js y Firebase

• Configurar Firebase y Base de Datos

• Instalación de Paquetes

• Personalizar Encabezado

• Obtener Datos

• Lista de Registros

• Crear Formulario

• Guardar Nuevo Registro

• Funcionalidad Click para Editar

• Editar Registro

• Borrar Registro

Proyecto 2: Aplicación de Películas

• Creación y configuración del proyecto

• Integración de Bootstrap 5 e íconos

• Creación de componentes

• Layout HTML y estilos CSS

• Creación de Backend con Strapi 4

• Configuración backend, autenticación, roles y permisos, creación de colecciones y demás

• Consumir API Películas Backend desde Next.js

• Autenticación y autorización desde Next.js

• Funcionalidad de subida de archivos al Backend desde Next.js

• Limitar, ordenar y paginar registros

• Acceso(Login), registro, salir(Logout)

• Capturar los errores del backend y mostrarles en el frontend

• Integración de plugin toastify para notificaciones

• Protección de rutas privadas y navegación

• Data Fetching: getServerSideProps, getStaticProps y getStaticPaths

• Enrutado, Links, Imágenes, Alias y Estilos CSS

• Autenticación JWT (Json Web Token) y Cookie en Next js

• Next.js y react toastify,

• Creación de un Backend Api completo con Strapi 4

¿Qué debes saber antes de tomar este curso?

Debe conocer los conceptos básicos de JavaScript y las características modernas de JavaScript, como funciones de flecha, reestructuración, el operador de propagación.

También debe conocer los conceptos básicos de React. No se explicarán cosas como componentes, accesorios, JSX ya que el enfoque es en el framework Next.js

Recursos y archivos fuente: Todos los recursos necesarios se proporcionarán en las secciones