Skip to main contentSaltar al contenido principal
Andrés Morales

Marketplace · SaaS multi-tenant · Bogotá, Colombia

El Gato Colectivo — mismo codebase de Barriotech, con tema para un tenant distinto

Un segundo tenant en la misma plataforma Barriotech, con tema con su propia identidad — misma arquitectura, mismo mapa Leaflet, misma integración Wompi, solo una capa visual distinta. La plataforma soporta tematización multi-tenant desde un solo deploy, así que agregar un nuevo tenant es un cambio de config, no un cambio de código.

El Gato Colectivo — mismo codebase de Barriotech, con tema para un tenant distinto

2025

En vivo desde
2025
Región
Bogotá, CO
Tenants
2
Nuevo tenant
DB row

El problema

Ver case study de proj1 / Barriotech — misma arquitectura, mismo stack, misma plataforma. La única diferencia es el tema del tenant (logo, paleta de color, voz del copy) y el dominio (gatocolectivo.com vs barriotech.com.co). Agregar un nuevo tenant no debería requerir un nuevo deploy.

Lo que construí

Tematización multi-tenant desde un solo deploy. La app Next.js lee el tenant del subdominio (el middleware lo extrae del header Host), busca el config del tenant en la DB, y aplica el tema en tiempo de render. Agregar un nuevo tenant es: (1) agregar una fila a la tabla tenants con el subdominio, tokens de tema y copy, (2) apuntar el DNS al mismo deploy, (3) ship. Sin nuevo código, sin nuevo deploy. El mismo mapa Leaflet, la misma integración Wompi, el mismo panel admin — solo una capa visual distinta por tenant.

Hero — misma arquitectura, con tema para un tenant distinto.
Hero — misma arquitectura, con tema para un tenant distinto.
Catálogo — mismo mapa Leaflet, misma integración Wompi, distinta marca.
Catálogo — mismo mapa Leaflet, misma integración Wompi, distinta marca.
Mapa — mismos pines de vendedor, mismo filtro de radio, distinta identidad visual.
Mapa — mismos pines de vendedor, mismo filtro de radio, distinta identidad visual.

Resultados

2
Tenants
1
Deploys
Fila de DB
Onboarding
Por tenant
Tema

Alcance y arquitectura

Tematización multi-tenant — mismo deploy, distinta capa visual por subdominio
Config de tenant en DB — logo, paleta, copy, social links
Middleware extrae tenant del header Host al request time
Un solo codebase Leaflet / Wompi / admin compartido entre tenants
Agregar un tenant es una fila de DB + cambio de DNS — sin código, sin deploy
Mismo stack de observabilidad — logs, métricas, error tracking por tenant

Construido con

Next.jsPrismaPostgreSQLTailwind CSSpm2Caddy
Automatización IA · UI/UX · Producción

Haz la cosa.Sin boilerplate.

Estudio independiente desde Cali. Flujos de automatización, UI hecha a mano y web end-to-end — para equipos que prefieren tenerlo listo a discutirlo.

Hablemos
2,014Fundado en 2014

Del brief al deploy, el estudio mantiene todo en un solo lugar: alcance, diseño, construcción, entrega. Los briefs llegan al escritorio, los entregables al cliente.

Andrés Morales

Agenda una llamada de 30 mino envíame un brief