Hola compañeros, dentro de los archivos que vienen en el repositorio nextjs-ui, en la carpeta componentes, el archivo LoginPage.jsx, cambien las etiquetas Form y Field por form e input, esto es para no tener un problema en las siguientes clases, ya que estos componentes no están definidos dentro del proyecto 😄
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
Commons Components
7/31Recursos
Aportes 4
Preguntas 1
Ordenar por:
Si les aparece el header en blanco:
Necesitan agregar “jsx” al “content” del archivo “tailwind.config.js”:
const colors = require('tailwindcss/colors');
module.exports = {
content: ['./src/**/*{html,js,jsx}'],
theme: {
colors: {
...colors,
},
},
};
Resultado:
Hola, si alguien tiene problemas con los estilos al momento de correr la app, traten de colocar el purge del tailwind,config,js de esta forma:
purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.