Así mejoras que se me ocurren son poder subir una imagen para el producto, manejar los errores, validar los tados tanto en el login como en la creación de productos… solucionar el problema con ‘Category’ al editar un nuvo producto… y elimnar los links que no llevan a ningún lado como Marketplace, Ventas etc.
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
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Iniciar sesión
Continúa alimentando tu proyecto
30/31Recursos
Aportes 7
Preguntas 0
Ordenar por:
al fin aprendimos los #elementosclaves.
Se le pueden hacer muchas mejoras, como lo es el manejo de las imágenes, el mantener una sesión activa con las cookies cuando el usuario recargue o vuelva a entrar a la página y no tenga que volverse a loguear, solucionar algunos errores de la api… En fin, aquí comparto el proyecto que he hecho un poco a mi estilo y con un propósito 😄
Vercel
Proyecto cumplido!! 😄
El proyecto aunque lo que hicemos fue una gran base, está muy crudo en diseño, en validaciones, en permormance, accesibilidad y con lo que hemos aprendido en este curso y en los anteriores de la ruta de FullStack con JavaScript, creo que podremos mejorar muuuuchas cosas y completar otras que hagan falta. Me voy a poner en la tarea y volveré a compartirles mi enlace, que si bien, tal vez no sea con un dominio comprado, igual se los trataré de mostrar.
¿Como pondria rutas privadas con Next? Parecido a lo que hacemos con reactRouter dependiendo si el usuario esta logueado o no lo direccionamos al login.
Creo que ademas de quitar los elementos innecesarios de la interfaz tambien se podria adecuar el diseño a la aplicacion de ecommerce
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.