Una tienda de productos de ropa creada con Next.js usando Static site generation, Next API, Next Middelwares, TypeScript, Tailwind y una base de datos de MongoDB, también incluye la integración de Paypal para procesar los pagos.
Primero clona el repositorio desde GitHub.
git clone https://github.com/JoseLuria/e-buy.gitMuévete a la carpeta del proyecto.
cd e-buyInstala las dependencias con el siguiente comando:
npm installPor último, inicia el servidor con el siguiente comando:
npm run devPara realizar este paso es obligatorio tener Docker instalado, de igual forma puedes usar tu propia base de datos local o de MongoDB Atlas.
Debes usar el siguiente comando para levantar una base de datos de forma local con el archivo docker-compose.yml:
docker-compose up -dLa base de datos se iniciara en el puerto 27017 y la información de la base de datos se almacenara en la carpeta mongo.
El string de conexión ya está incluido en el archivo .env.example y se ve así:
MONGO_URL=mongodb://localhost:27017/ebuydb
🚨 Puedes abrir el archivo .env.example para ver un ejemplo con todas las variables de entorno, recuerda que debes crear tu propio archivo .env con tus varibles de entorno.
Next JS te permite crear una API en la aplicación para de esta manera tener el Frontend y Backend en el mismo lugar, para crear los datos con la información de los productos y categorías puedes usar el siguiente enpoint usando una petición POST:
🚨 Esta funcionalidad solo sirve en el entorno de desarrollo.
http://localhost:3000/api/seedEn el archivo data.ts en la carpeta db puedes encontrar el arreglo con todos los datos de los productos y usuarios.