Introducción
Fundamentos de Next.js
Proyecto 1: CRUD Next.Js y Firebase
-
Demo del Proyecto Terminado (2:31)
-
Crear App CRUD Next.Js (4:02)
-
Configurar Firebase y Base de Datos (7:39)
-
Instalación de Paquetes (4:37)
-
Personalizar Encabezado (8:25)
-
Obtener Datos (15:26)
-
Lista de Registros (11:52)
-
Crear Formulario (4:08)
-
Funcionalidad Click para Editar (17:34)
-
Editar Registro (5:56)
-
Borrar Registro (5:12)
-
Descargar los archivos fuente de esta sección
Proyecto 2: Aplicación de Películas
-
Demo del Proyecto Final (9:11)
-
Creación del Proyecto con Next.js (4:15)
-
Instalación y Configuración de Bootstrap 5 e Iconos (4:15)
-
Componente Layout Principal (11:28)
-
Página de Inicio (2:40)
-
Página Acerca De (3:01)
-
Página Películas (5:09)
-
Página Agregar Película (1:00)
-
Página Detalle Película (2:33)
-
Componente Menú (17:15)
-
Componente Encabezado (10:50)
-
Componente Pie de Página (5:47)
-
Página de Error 404 (6:23)
-
Configuración de Rutas (6:21)
Obtener Datos
Creación de Backend con Strapi
-
Configuración de la API Backend y Servicio Strapi (9:02)
-
Almacenamiento de Imágenes Cloudinary (14:37)
-
Creación de Usuario en Backend (3:37)
-
Creación Backend Películas (7:49)
-
Agregar Contenido al Backend (10:44)
-
Configuración de Roles y Permisos (4:35)
-
Revisión de Strapi Backend (15:38)
-
Decarga todos los archivos fuente de esta sección aquí
Funcionalidad Películas
-
Conectar Next JS a la API Backend Strapi (4:18)
-
Obtener y Mostrar Datos Inicio (16:37)
-
Página Buscar Película (8:50)
-
Componente Buscar Película (14:54)
-
Página Detalle de Película (9:22)
-
Obtener y Mostrar Datos Lista de Películas (7:26)
-
Funcionalidad de Formulario Agregar Película (17:40)
-
Funcionalidad Agregar Película (13:47)
-
Generar el enlace URL en el Backend (6:58)
-
Funcionalidad Borrar Película (8:46)
-
Funcionalidad de Formulario Editar Película (7:07)
-
Funcionalidad Editar Película (4:33)
-
Configuración de Modal (21:45)
-
Funcionalidad Subida de Imagen (14:27)
-
Subir Imagen
-
Plugin de Notificaciones (11:04)
-
Paginación de Películas (21:38)
Autenticación
-
Permisos en el Backend Strapi 4 (3:32)
-
Formulario de Registro (20:24)
-
Formulario de Acceso (5:19)
-
Página de Administración (2:08)
-
Contexto Autorización parte 1 (11:30)
-
Contexto autorización parte 2 (11:17)
-
Protección de Acceso en Menú (8:21)
-
Revisión de Rutas Backend (9:11)
-
Métodos del Contexto (15:15)
-
Instalar y Configurar Cookie Parser (2:55)
-
Petición API Acceso de Usuario(Login) (12:21)
-
Petición API Registro de Usuario (2:38)
-
Petición API Salir (Logout) (2:14)
-
Petición API Usuario, Acceso, Token, Cerrar Sesión (11:08)
-
Probar Funcionalidad de Registro (6:04)
-
Errores del Servidos y Notificaciones (6:22)
Autorización
-
Obtener las Películas Asociadas al Usuario (16:36)
-
Vista Administración de Películas Parte 1 (11:57)
-
Vista Administración de Películas Parte 2 (13:46)
-
Proteger Vista Agregar (9:32)
-
Proteger Vista Editar (4:34)
-
Proteger Vista Borrar (2:22)
-
Validaciones Finales (1:44)
-
Descargar los archivos fuente del proyecto final
Clase Extra
