Demo del Proyecto 2 | render2web

Auto-reproducción
Autocompletar

Conferencia anterior Completar y Continuar

Máster en Next.js de Cero a Maestro

Introducción

Qué es Next.js (1:55)
Demo del Proyecto 1 (2:31)
Demo del Proyecto 2 (9:11)
Configurar Entorno de Desarrollo (9:53)

Fundamentos de Next.js

Crear una App Next.js (5:06)
Estructura de Carpetas y Archivos (10:25)
Páginas y Rutas (14:36)
Encabezados Html (4:45)
Layout y Estilos CSS (22:03)
Estilos JSX (5:41)
Personalizar Documento HTML (2:32)
Obtener de Datos (6:58)
Mostrar Datos (2:43)
Descarga los archivos fuente de esta sección aquí

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

Rutas de API (10:49)
Configuración Ruta Principal (8:11)
getServerSideProps (6:36)
Mostrar datos en la vista (1:55)
getStaticProps (2:18)
Componente Película (14:03)
getStaticPaths (16:42)
Página Detalle de Película (15:17)

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

Siguiente Paso

Teach online with

Demo del Proyecto 2

Completar y Continuar