Un gusto arrancar otro curso en la escuela de Javascript… y el último! por ahora
Introducción
Construye un dashboard de productos con Next.js
Configuración del proyecto
Inicializando nuestro proyecto con Next.js
Configuración de ESLint y Prettier
Integrando PostCSS y TailwindCSS a nuestro proyecto
Configuración del archivo jsconfig.js
Cómo integrar componentes predefinidos con TailwindUI
Commons Components
Creación del layout principal e integración de los Page Components
Autenticación
Creando la lógica del componente login
Presentación de la API
Creación del custom hook useAuth
Autenticándonos en la API usando Axios
Obteniendo el token de la API
Guardado del token en una cookie para mantener la sesión
Usando nuestro useAuth para cargar la información del usuario
Integración de la API
Obteniendo la lista de productos desde la API
Creando el componente Chart
Implementación de nuestro componente Chart en el dashboard
Conexión del modal para crear productos
Construcción del modal para crear productos
Inserción de los datos del producto en la API
Creación del componente Alert
Implementación de nuestro componente Alert
Eliminado de productos en la API
Creación y cargado de datos para actualizar un producto
Actualizado del producto en la API
Implementación del logout
Deploy a producción
Haciendo el deploy de nuestra aplicación en Vercel
Conexión de un subdominio a nuestra aplicación
Cierre
Continúa alimentando tu proyecto
Conclusiones y cierre del curso
Construye un dashboard de productos con Next.js
1/31Recursos
Aportes 13
Preguntas 3
Ordenar por:
Advierto al Team Platzi, vengo de hacer el curso Práctico de Next, y revisando el proyecto de este curso veo que tiene una sección llamada Productos, donde se pueden editar, crear o eliminar productos de una API, la misma API que se usa en el curso Practico de Next, ósea, hay productos que les faltan propiedades como por ejemplo la imagen y eso genera errores en el curso anterior, incluso pudiera borrar todos los productos de la API. Espero que lo lleguen a arreglar porque queda poco profesional.
Espero sea un buen curso, me decepcionó el de migrar
Clase #1: Construye un dashboard de productos con Next.js 1/31 📃
¿Qué es Next.js? 📘
Next.js es un framework de React para desarrollar aplicaciones Javascript de una sola página. Fuente: aquí
Construcción del Proyecto de Next.js: 🔨
- Vamos usar la API de JavaScript: https://app.reactshop.co/
Y poder construir el proyecto en https://app.reactshop.co/
Esa webpage no existe ya,
/app.reactshop.co/login
Aparece con el dominio dado de baja.
Un proyecto practicamente “FullStack” sacandole todo el provecho a Next.js y con un gran mestro.
Disfrutaré mucho el aprendizaje de este curso. 💚
Uff que genial saber que Oscar dará este curso!!
Muy bien, nuevo proyecto a darle!!!
El proyecto que subieron se ha caído, igualmente no tiene sentido estar pagando un hosting y dominio para mantenerlo ahí
El link https://app.reactshop.co/ está caído. Ya no se puede acceder
Apenas vamos en la introducción y ya vi la solución a un hueco que te deja el curso anterior, que maravilla
Estoy muy feliz por esta clase de cursos que desarrollan proyectos integradores y hacen uso de elementos clave en la mayoría de aplicaciones empresariales. Gracias.
uff se ve muy bueno el curso
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.