Muebles San Francisco JYN: sitio corporativo + catálogo admin
Proyecto orientado a presencia digital comercial y autonomía operativa. Combina una experiencia pública cuidada (home, catálogo, sobre nosotros, contacto) con un panel admin para publicar y mantener el catálogo sin depender de cambios técnicos continuos.
Reto
Construir una plataforma bilingüe que sirviera tanto para captar clientes como para administrar el catálogo de productos de forma segura y escalable.
Solución
Se implementó arquitectura por dominios con Next.js App Router, Prisma/PostgreSQL y i18n con next-intl. La cara pública consume view models limpios del dominio catalog, mientras el panel admin usa server actions con validación Zod y revalidación de rutas.
Resultados
- - Presencia corporativa bilingüe consistente para clientes finales
- - Catálogo gestionable por administración sin tocar código
- - Flujo de publicación controlado mediante publishedAt
- - Base técnica modular para evolucionar features sin acoplamiento
Ficha técnica del sistema
Resumen
Plataforma web bilingüe para Muebles San Francisco JYN con dos superficies: sitio público comercial y panel admin privado para gestionar categorías e ítems del catálogo.
Qué problema resuelve
- - Unifica presencia corporativa y gestión de catálogo en una sola plataforma
- - Permite publicar/actualizar categorías e ítems sin despliegues manuales
- - Asegura consistencia multilenguaje en navegación, SEO y contenido
- - Separa claramente la experiencia pública de la operación interna
Stack y tecnologías
- - Next.js 15 + React 19 + TypeScript
- - Tailwind CSS v4 con tokens semánticos
- - Prisma + PostgreSQL
- - next-intl para i18n es/en
- - Server Actions + Zod
- - Formspree para contacto
- - Zustand para estado UI puntual
Cómo está organizado
- - app/: rutas delgadas, layouts y composición de páginas
- - features/: lógica por dominio (catalog, admin, team, suppliers)
- - shared/: UI reusable + infraestructura/utilidades
- - i18n/: routing, request config y navegación localizada
- - Regla de capas: Route -> Feature -> Service -> Repository -> Prisma
Flujo principal
- - Middleware aplica i18n y protección de rutas admin
- - Layout locale monta shell global + SEO estructurado
- - Páginas públicas consumen view models del dominio catalog
- - Panel admin ejecuta server actions con validación y normalización
- - Tras cambios admin se revalidan rutas públicas cacheadas
Módulos clave
- - Catálogo: repository/service/mapper con filtros de publicación
- - Admin: formularios, acciones CRUD y validación Zod
- - i18n: locales es/en con mensajes y links localizados
- - SEO: metadata central, canonical, alternates, sitemap y robots
- - Contacto: formulario RHF hacia Formspree
Fortalezas
- - Separación por dominios clara y mantenible
- - Buenas prácticas SEO e internacionalización
- - Flujo DevOps completo con CI y guías de deployment
- - Modelo de datos preparado para crecimiento del catálogo
Riesgos / deuda técnica
- - Conviven dos enfoques de auth (Better Auth y cookie manual admin)
- - Posible deuda técnica en cliente auth no consolidado
- - Autorización admin basada en password único puede requerir endurecimiento
- - Complejidad de contenido bilingüe exige disciplina editorial
¿Tienes un sistema que necesitas construir o mejorar?
Te ayudo a convertir tu necesidad en una solución técnica sólida, mantenible y alineada al negocio.