Para colocar el icono de “+” en Add product utilice:
import { PlusIcon } from '@heroicons/react/solid';
Y dentro del button:
<PlusIcon className="-ml-1 mr-2 h-5 w-5" aria-hidden="true" />
Add Product
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
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Crear cuenta
Si ya tienes una cuenta,
Iniciar sesión
Conexión del modal para crear productos
19/31Recursos
Aportes 4
Preguntas 1
Ordenar por:
Saludos compañeros, si alguno tiene problemas para que se ejecute el Modal, en la versión de React 18 no corre el Headless UI y Dialog, pueden utilizar la versión 17 para continuar con el proyecto, para bajarlo a la versión anterior:
npm install [email protected] [email protected]
Honestamente ya me tiene harto que cada 2 minutos diga “elementos clave”. Ya me distrae, no me deja concentrarme.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.