Sistema Web / E-commerce

Vivero Anyi
Vivero Anyi

Tienda en línea real y en producción para un vivero de plantas: catálogo con categorías y variantes, checkout que genera el pedido por WhatsApp con ubicación exacta, registro de pedidos con estados, panel administrativo completo y eliminación de fondo de imágenes por IA en el navegador.

Next.js 16NestJS 11TypeScriptPrisma ORMPostgreSQLSupabaseReact 19TailwindCSSZustandSerwist PWAHeroUIFirebase AnalyticsreCAPTCHAWhatsApp API
2026
Fantino, Sánchez Ramírez, RD
Vivero Anyi
Vivero de Plantas · E-commerce

El Problema

Vivero Anyi es un vivero de plantas ubicado en Fantino, Sánchez Ramírez (República Dominicana), que gestionaba sus ventas de forma manual por teléfono y WhatsApp. No tenía un catálogo visible, el inventario y las variedades (tamaños, precios por tipo) vivían en la cabeza de la dueña, y cada pedido implicaba coordinar por mensajes. Necesitaba una tienda en línea: un catálogo navegable para sus clientes, pedidos ordenados con seguimiento y un panel simple para administrar productos, sin pagar comisiones de plataformas genéricas ni depender solo de redes sociales.

La Solución

Desarrollé un e-commerce completo como monorepo pnpm con tres capas compartidas (domain con entities y value objects, application y shared). La tienda pública en Next.js 16 con React 19, diseño de identidad 'Campo de Fantino', carrito persistente con Zustand, PWA con soporte offline y SEO indexable por categorías. La API en NestJS 11 aplica arquitectura hexagonal por módulos (autenticación, productos, categorías, pedidos, imágenes, estadísticas y configuración del sitio) sobre PostgreSQL con Prisma en Supabase. El checkout arma el mensaje de pedido en WhatsApp con productos, totales, datos del cliente y su ubicación exacta (geolocalización + geocodificación inversa), y cada pedido se registra con estados. El panel administrativo permite gestionar productos —incluyendo eliminación de fondo de imágenes con IA directamente en el navegador (ONNX Runtime)—, categorías, pedidos, configuración del sitio y un dashboard de estadísticas.

Proceso de Desarrollo

1

Análisis del negocio: catálogo real de plantas, variedades/tamaños, zonas de entrega y flujo de venta por WhatsApp

2

Diseño de arquitectura monorepo pnpm con paquetes compartidos de dominio, aplicación y utilidades

3

Backend en NestJS con Clean Architecture/Hexagonal por módulos: auth (JWT, 2FA, refresh tokens, reset de contraseña), productos, categorías, pedidos, imágenes, stats y settings

4

Modelado de datos en Prisma/PostgreSQL: productos con variantes e imágenes, carrito, pedidos e ítems, configuración del sitio y control de intentos de login

5

Frontend en Next.js 16 y React 19 con identidad visual 'Campo de Fantino', HeroUI y carrito persistente con Zustand

6

Checkout integrado a WhatsApp con resumen automático del pedido, datos del cliente, ubicación exacta y factura en PDF (jsPDF)

7

Panel administrativo: CRUD de productos con quitar fondo por IA en el navegador, categorías, pedidos, configuración del sitio y dashboard con estadísticas

8

SEO y PWA: categorías indexables, sitemap y robots, JSON-LD, Firebase Analytics, captcha y soporte offline con Serwist

9

Despliegue en producción: web en Vercel, API en Render y PostgreSQL/Supabase, con keep-alive y health check

Resultados

Tienda en línea en producción que centraliza catálogo, pedidos y administración del vivero, construida con stack full-stack moderno y arquitectura limpia por módulos

Catálogo online real: productos, categorías, variantes de tamaño, stock y precios

Pedidos por WhatsApp con resumen automático, total y ubicación exacta del comprador

Registro de pedidos con estados (pendiente, enviado por WhatsApp, completado, cancelado)

Panel administrativo completo con dashboard de estadísticas y configuración del sitio

Eliminación de fondo de imágenes con IA directamente en el navegador del admin

PWA con soporte offline y SEO real con categorías indexables y datos estructurados

Autenticación robusta: JWT, 2FA, refresh tokens y recuperación de contraseña

Producción activa: web en Vercel, API en Render y base de datos en Supabase

Galería

Vivero Anyi 1
Vivero Anyi 2
Vivero Anyi 3
Vivero Anyi 4
¿HABLÁMOS? →