← Todos los proyectos
Monorepo E-CommerceCompletado

Atelier — Tienda de Moda & Sastrería

Monorepo fullstack con pnpm workspaces que combina velocidad estática con estado reactivo de comercio.

Ver código en GitHubDemo en vivo
TypeScriptAstroPreactNestJSPrismaPostgreSQLZodNanostores
Atelier — Tienda de Moda & Sastrería
125+Productos en Catálogo
100%Contratos Zod Compartidos
0 KBJS en Contenido Estático

Problema

Las tiendas e-commerce tradicionales sufren por bundles pesados de hidratación que degradan el rendimiento, mientras que el frontend y backend suelen perder sincronía en contratos de API y validación de stock por variante.

Solución

Diseñé un storefront SSG en Astro usando islas Preact y Nanostores para navegación sin sobrecarga e interactividad instantánea en carrito/favoritos, junto a una API REST en NestJS que comparte esquemas Zod estrictos mediante el paquete @clothes/shared.

Diseño de Sistemas

Arquitectura por Capas

Storefront e Islas

Astro + Preact + Nanostores

Páginas estáticas de producto con islas hidratadas para Carrito, Favoritos y Selector Multivariante.

Dominio Compartido

@clothes/shared (Zod)

Fuente única de verdad para DTOs, esquemas de validación en runtime e interfaces TypeScript.

API Backend

NestJS v12 + OpenAPI

Controladores y servicios modulares con filtros globales de excepción, pipes Zod y Swagger.

Persistencia de Datos

Prisma v7 + PostgreSQL

Pool de conexiones con @prisma/adapter-pg y esquema relacional para categorías, variantes y stock.

Detalles de Implementación

Puntos Clave de Ingeniería

  • Construí un monorepo con pnpm workspaces compartiendo contratos de validación Zod y modelos de dominio end-to-end entre Astro y NestJS.
  • Desarrollé islas reactivas en Preact con Nanostores persistentes para selección de matriz de stock (talla/color), favoritos y carrito de compras.
  • Implementé persistencia con Prisma v7 y pool de conexiones @prisma/adapter-pg, generación de cliente a medida y seed automatizado de 125 productos.
  • Blindé la API REST con documentación interactiva Swagger/OpenAPI, filtros globales de excepciones y validación estricta de DTOs en tiempo de ejecución.

Explorar más proyectos

Editorial Digital

Poster — Revista Digital

Monolito editorial construido con Next.js 16 y Payload CMS 3 sobre PostgreSQL. Incluye Live Preview en tiempo real vía postMessage, motor dinámico de publicidad y pruebas unitarias, de integración y E2E.

Bot RPG de Telegram

Pokeshowdown — Bot RPG de Telegram

Bot full-stack de Telegram desarrollado con grammY, TypeScript y PostgreSQL con Prisma. Incluye 809 especies en vivo de PokeAPI, arquitectura basada en decoradores, intercambios transaccionales y comandos bilingües.