Admin-Ecommerce-Next es un servicio de frontend encargado de administrar la tienda E-Commerce mostrada en proyectos anteriores, a la que puedes acceder aqui. Esta creado utilizando Next.js y algunas librerias complementarias. Su funcion es poder editar, eliminar o crear nuevos productos con sus respectivas propiedades y que se vean reflejadas en la API que se consume en el E-Commerce.
La APP cuenta con un sistema de inicio de sesion para que solo los que cuenten con un perfil valido puedan acceder y manipular la API. Por motivos de seguridad la sesion es temporal, eh impide el acceso a la ruta secundaria "/dashboard". Se usan los siguinetes EndPoints:
-
products
-
users
-
auth
-
categories
Todos con sus Metodos CRUD
Este proyecto cuenta con dos rutas destacables:
-
"/" la ruta por defecto
-
"/dashboard" la ruta secundaria del resto de la app
La ruta por defecto "/" cuenta con la sub ruta /login para obtener el inicio de sesion y acceder al resto de la APP.
La ruta secundaria "/dashboard" cuenta con la sub ruta "/dashboard/products" que es el listado de productos para editarlos, eliminarlos o crear nuevos.
Antes de comenzar, asegúrate de tener instalado Next.js y npm en tu sistema. Puedes descargar ver la documentacion de instalacion de Next.js en nextjs.org.
- cd Admin-Ecommerce-Next
- npm install
- npm run dev
- npm run start
- npm run lint
- npm run lint:fix
La aplicación estará disponible en el puerto 3000 por defecto, pero puede ser configurado.
Crea un archivo .ENV en la raíz del proyecto y proporciona las siguientes variables de entorno para la conexion a la API que contempla este proyecto o alguna otra de tu preferencia (ya sea local o en la nube):
TAILWIND_MODE = watch
NEXT_PUBLIC_API_URL = https://api.escuelajs.co
NEXT_PUBLIC_API_VERSION = v1
Este proyecto esta configurado para tratar una variedad de EndPoints ubicados en la direccion de la API Recomendada, de una forma mas dinamica segun se requiera. Desde peticiones para obtener los productos del E-Commerce hasta los de autenticacion para acceder al resto de la APP
La aplicación sigue la arquitectura estandar de NEXT.js y se organiza en capas de: "common", "components", "hooks", "pages", "services", "styles" y "layout". Puedes expandir el proyecto agregando más componetes, servicios y demas capas según tus necesidades.
Este proyecto está bajo la licencia ISC.
Isaac Luisjuan
Correo Electrónico: [email protected]
Sitio Web: SierraCode397
Puedes encontrar el código fuente de este proyecto en GitHub.
Este proyecto fue creado en la escuela de Platzi como parte del curso "Curso Profecional de Next.js".
Asegúrate de tener las dependecias instaladas en tu sistema antes de ejecutar estos scripts.
¡Gracias por tu interés en este proyecto! Espero que sea una experiencia interesante y satisfactoria.