Teslo-Shop es un proyecto de comercio electrónico construido con Next.js, React y Tailwind CSS.
La versión actual del proyecto es 0.1.0.
- Clonar el repositorio
- Instalar las dependencias
pnpm install
- Copiar las variables de .env.example en .env
- Agregar los valores a las variables de entorno
- Levantar el contenedor de docker
docker compose up -d
- Migrar la BD para la seed
- Ejecutar seed
pnpm seed
- Ejecutar el script
pnpm dev
- Abrir el navegador en http://localhost:3000
- Prisma
- Instalacion de Prisma
pnpm install prisma --save-dev
- Inicializar Prisma
pnpm dlx prisma init --datasource-provider PostgreSQL
- Crear el Schema de Prisma
- Crear el Cliente de Prisma
- Si ya se tiene una base de datos puede usarse el comando
pnpm prisma db pull
para crear el Schema basado en ella - Ejecutar el comando para la migracion
pnpm dlx prisma migrate dev --name nombreMigra
- Se instaló ts-node para ejecutar el script de Typescripts
pnpm seed
- Esto corre el script que limpia la base de datos y agrega la data nueva
El proyecto tiene los siguientes scripts que puedes ejecutar:
dev
: Inicia el servidor de desarrollo de Next.js.build
: Crea la versión de producción del proyecto.start
: Inicia el servidor de producción de Next.js.lint
: Ejecuta el linter del proyecto.
- Se encuentran en el Seed de prueba que se carga para correr la base de datos.
El proyecto utiliza las siguientes dependencias:
clsx
: ^2.1.0next
: 14.0.4react
: ^18react-dom
: ^18react-icons
: ^4.12.0tailwind-merge
: ^2.2.0
El proyecto utiliza las siguientes dependencias de desarrollo:
@types/node
: ^20@types/react
: ^18@types/react-dom
: ^18autoprefixer
: ^10.0.1eslint
: ^8eslint-config-next
: 14.0.4postcss
: ^8tailwindcss
: ^3.3.0typescript
: ^5
-app - carpeta de la aplicación -components - carpeta de componentes -config - carpeta de configuración -public - carpeta de archivos estáticos -lib - carpeta de bibliotecas -auth - carpeta de autenticación -shop - carpeta de tienda
Este proyecto es privado.