Skip to main contentPular para o conteúdo principal
Andrés Morales

Marketplace · SaaS multi-tenant · Bogotá, Colombia

Gato Colectivo — mesmo codebase do Barriotech, com tema pra um tenant diferente

Um segundo tenant na mesma plataforma Barriotech, com tema com sua própria identidade — mesma arquitetura, mesmo mapa Leaflet, mesma integração Wompi, apenas uma camada visual diferente. A plataforma suporta tematização multi-tenant a partir de um único deploy, então adicionar um novo tenant é uma mudança de config, não uma mudança de código.

Gato Colectivo — mesmo codebase do Barriotech, com tema pra um tenant diferente

2025

No ar desde
2025
Região
Bogotá, CO
Tenants
2
Novo tenant
DB row

O problema

Ver case study do proj1 / Barriotech — mesma arquitetura, mesmo stack, mesma plataforma. A única diferença é o tema do tenant (logo, paleta de cores, voz do copy) e o domínio (gatocolectivo.com vs barriotech.com.co). Adicionar um novo tenant não deveria exigir um novo deploy.

O que construí

Tematização multi-tenant a partir de um único deploy. O app Next.js lê o tenant do subdomínio (o middleware extrai do header Host), busca o config do tenant no DB, e aplica o tema em tempo de render. Adicionar um novo tenant é: (1) adicionar uma linha na tabela tenants com o subdomínio, tokens de tema e copy, (2) apontar o DNS pro mesmo deploy, (3) ship. Sem novo código, sem novo deploy. O mesmo mapa Leaflet, a mesma integração Wompi, o mesmo painel admin — apenas uma camada visual diferente por tenant.

Hero — mesma arquitetura, com tema pra um tenant diferente.
Hero — mesma arquitetura, com tema pra um tenant diferente.
Catálogo — mesmo mapa Leaflet, mesma integração Wompi, marca diferente.
Catálogo — mesmo mapa Leaflet, mesma integração Wompi, marca diferente.
Mapa — mesmos pinos de vendedor, mesmo filtro de raio, identidade visual diferente.
Mapa — mesmos pinos de vendedor, mesmo filtro de raio, identidade visual diferente.

Resultados

2
Tenants
1
Deploys
Linha de DB
Onboarding
Por tenant
Tema

Escopo e arquitetura

Tematização multi-tenant — mesmo deploy, camada visual diferente por subdomínio
Config de tenant no DB — logo, paleta, copy, social links
Middleware extrai o tenant do header Host no tempo do request
Um único codebase Leaflet / Wompi / admin compartilhado entre tenants
Adicionar um tenant é uma linha de DB + mudança de DNS — sem código, sem deploy
Mesmo stack de observabilidade — logs, métricas, error tracking por tenant

Construído com

Next.jsPrismaPostgreSQLTailwind CSSpm2Caddy
Automação IA · UI/UX · Produção

Faça a coisa.Sem boilerplate.

Estúdio independente em Cali. Fluxos de automação, UI feita à mão e web ponta-a-ponta — para times que preferem ter pronto a debater.

Vamos conversar
2,014Fundado em 2014

Do brief ao deploy, o estúdio mantém tudo em um só lugar: escopo, design, construção, entrega. Briefs chegam na mesa, entregas vão pro cliente.

Andrés Morales

Agende uma chamada de 30 minou me envie um briefing