Construye un dashboard de productos con Next.js

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

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

Obteniendo la lista de productos desde la API

Creando el componente Chart

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

Haciendo el deploy de nuestra aplicación en Vercel

Conexión de un subdominio a nuestra aplicación

Continúa alimentando tu proyecto

Conclusiones y cierre del curso