Máster en Next.js de Cero a Maestro
Aprende Next.js desde Cero creando Aplicaciones con Firebase y Strapi 4 con Autenticación y Autorización
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
Tu Instructor
render2web crea y distribuye cursos y tutoriales de alta calidad en diferentes áreas de la tecnología como Desarrollo Web, Desarrollo Móvil, Desarrollo de Videojuegos y Visualización 3D. Tenemos un equipo de profesionales comprometidos y en constante actualización para asegurar la innovación en el aprendizaje.
Mi nombre es José Andrés Montoya soy el creador y administrador de render2web.
Con una experiencia de más de 18 años desarrollando proyectos en Colombia y en el exterior.
Plan de Estudios
-
ComenzarCrear una App Next.js (5:06)
-
ComenzarEstructura de Carpetas y Archivos (10:25)
-
ComenzarPáginas y Rutas (14:36)
-
ComenzarEncabezados Html (4:45)
-
ComenzarLayout y Estilos CSS (22:03)
-
ComenzarEstilos JSX (5:41)
-
ComenzarPersonalizar Documento HTML (2:32)
-
ComenzarObtener de Datos (6:58)
-
ComenzarMostrar Datos (2:43)
-
ComenzarDescarga los archivos fuente de esta sección aquí
-
AvanceDemo del Proyecto Terminado (2:31)
-
ComenzarCrear App CRUD Next.Js (4:02)
-
ComenzarConfigurar Firebase y Base de Datos (7:39)
-
ComenzarInstalación de Paquetes (4:37)
-
ComenzarPersonalizar Encabezado (8:25)
-
ComenzarObtener Datos (15:26)
-
ComenzarLista de Registros (11:52)
-
ComenzarCrear Formulario (4:08)
-
ComenzarFuncionalidad Click para Editar (17:34)
-
ComenzarEditar Registro (5:56)
-
ComenzarBorrar Registro (5:12)
-
ComenzarDescargar los archivos fuente de esta sección
30 días de garantía de devolución de dinero
Pruebalo sin Riesgos
Estoy seguro de que este curso le dará todo lo que usted necesita y estará 100% satisfecho. Pero en el improbable caso de que decidas que no es para ti, simplemente solicita un reembolso en cualquier momento durante los primeros 30 días y recuperarás tu dinero sin hacer preguntas.
Preguntas Frequentes
Desarrollo una API RESTful completa con .NET Core
Obtén un curso que te enseñará todas las habilidades que necesitas para trabajar con Next.js el framework frontend para la producción
- 13,5 Horas de Video en Full HD
- Acceso de por vida
- Descarga los archivos fuente
- Preguntas y respuestas
- Aprende a tu propio ritmo
- Ver en cualquier dispositivo