Aplicación web para la gestión de usuarios del microservicio mercadolibre users implementada con con ReactJs, Next.js,Next-UI, Html5, Scss, Highcharts, Bootstrap, Git y otras tecnologías.
- Repositorio Microdb_MercadoLibre_Mysql
- Repositorio Api Rest Microservice_Mercadolibre_Users_AWS
- Api Doc ML Usuarios
Ver
- 1.0) Descripción del Proyecto.
- 1.1) Ejecución del Proyecto.
- 1.2) Configuración del proyecto desde cero
- 1.3) Tecnologías.
1.0) Descripción 🔝
1.1) Ejecución del Proyecto 🔝
Ver
- Instalamos la última versión LTS de Nodejs(v18)
- Una vez creado un entorno de trabajo a través de algún ide, clonamos el proyecto
git clone https://github.com/andresWeitzel/Microservice_Mercadolibre_Users_AWS
- Nos posicionamos sobre el proyecto
cd 'projectName'
- Instalamos todas las dependencias necesarias
npm i
1.2) Configuración del proyecto desde cero 🔝
Ver
- Creamos un entorno de trabajo a través de algún ide, luego de crear una carpeta nos posicionamos sobre la misma o la abrimos con vsc
cd 'projectName'
- Instalamos la última versión LTS de Nodejs(v18)
- Creamos la app con Next.js con una plantilla base.
npx create-next-app@latest micro_front_end_users_ml_nextjs --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
- Usaremos git como control de versiones. Nos posicionamos en la app e inicializamos git
git init
- Creamos el repositorio en github (sin readme) y agregamos la url del repositorio creado (ej: la siguiente)
git remote add origin https://github.com/andresWeitzel/MicroFrontEnd_Users_ML_NextJS
- Traemos los cambios del remoto, agregamos los nuevos cambios en local, commitiamos y los subimos al repo.
git pull origin master
git add *
git commit -m "Create Next.js app"
git push origin
- Ejecutamos la app inicial
npm run dev
- Ya tenemos una app funcional con una estructura inicial definida por NextJS. La aplicación queda deployada en http://localhost:3001
Aclaración: El resto de las modificaciones aplicadas sobre la plantilla inicial no se describen por temas de simplificación de doc. Para más info consultar el tutorial de Creación Next.js App para el uso de componentes, rutas, etc.
1.3) Tecnologías 🔝
Ver
| Tecnologías | Versión | Finalidad |
|---|---|---|
| NodeJS | 14.18.1 | Librería JS |
| Mysql | 10.1 | SGDB |
| XAMPP | 3.2.2 | Paquete de servidores |
| VSC | 1.72.2 | IDE |
| Postman | 10.11 | Cliente Http |
| CMD | 10 | Símbolo del Sistema para linea de comandos |
| Git | 2.29.1 | Control de Versiones |
| Plugin |
|---|
| Extensión |
|---|
| Prettier - Code formatter |