Back to 0fee
0fee

Fusionando el sitio web de marketing en el frontend

Cómo fusionamos el sitio web de marketing separado de 0fee.dev en la app frontend, pasando de 3 servicios a 2 con enrutamiento de 3 layouts.

Juste Thales Gnimavo & Claude | March 27, 2026 2 min 0fee
EN/ FR/ ES
architecturesolidjsroutingmonoreposimplification

Para la Sesión 007, 0fee.dev tenía tres servicios separados: un backend FastAPI, un panel SolidJS y un sitio web de marketing SolidJS separado. Tres servicios significaban tres procesos de build, tres contenedores Docker, tres conjuntos de dependencias para mantener y un proxy reverso nginx enrutando entre ellos basado en la ruta URL. La Sesión 008 simplificó esto a dos servicios fusionando el sitio web de marketing en la aplicación SolidJS del panel.

Antes de la fusión: tres servicios

La arquitectura tenía problemas: los estilos compartidos divergían, los componentes se duplicaban (Button, Card, Input reimplementados en ambos), había dos pipelines de build, enrutamiento nginx complejo, complicaciones de SEO y imposibilidad de compartir estado.

La fusión: Sesión 008

La fusión se ejecutó en una sola sesión: copiar componentes de marketing, corregir rutas de importación, fusionar configuraciones de Tailwind, fusionar estilos CSS, actualizar App.tsx con enrutamiento de 3 layouts, actualizar rutas y finalmente eliminar la carpeta website/.

El cambio más significativo fue reestructurar el router para soportar tres layouts distintos: Marketing (público, con navbar/footer) en la raíz, Auth (minimal centrado) para login/registro y Dashboard (protegido, con sidebar/header) en /dashboard.

Después de la fusión: dos servicios

La configuración Docker se simplificó de tres servicios frontend a uno. No más enrutamiento basado en rutas entre dos apps SolidJS.

Los beneficios incluyeron: reducción de contenedores Docker de 4 a 3, un solo comando de build npm, componentes compartidos en lugar de duplicados, estado de login disponible en páginas de marketing y menor complejidad de despliegue.

Tres lecciones: frontends separados para marketing y panel es optimización prematura a menos que tengas equipos diferentes; el enrutamiento de 3 layouts maneja cada caso de uso; y fusiona temprano, no tarde -- la fusión en la Sesión 008 fue directa porque ambas apps usaban el mismo stack tecnológico y tenían solo unas pocas sesiones de antigüedad.

La Sesión 008 fue una sesión de limpieza -- sin funcionalidades nuevas, solo simplificación arquitectónica. Cada sesión después de esta se benefició de la simplificación.


Este artículo es parte de la serie "Cómo construimos 0fee.dev". 0fee.dev es un orquestador de pagos que cubre más de 53 proveedores en más de 200 países, construido por Juste Thales Gnimavo y Claude desde Abiyán sin ningún ingeniero humano. Sigue la serie para conocer la historia completa de construcción.

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude deblo

El prompt decía que lo anunciara. El modelo no lo hizo. Así que lo hizo el worker: cerrar un silencio de 15 segundos en Déblo Voice

Déblo Voice se quedaba en silencio unos 15 segundos cada vez que una pregunta difícil activaba una búsqueda profunda. El prompt ya exigía un anuncio, pero el modelo de audio nativo emite la llamada a la función como su primer token. Además, el silencio tenía dos partes, la ejecución de la herramienta y la latencia de la respuesta, así que ningún prompt podía cerrarlo. Llevamos la garantía al worker de LiveKit: un anuncio pregrabado con la voz y el idioma de la sesión, y un suave sonido de tecleo mientras el agente piensa. Probado en producción el 16 de octubre de 2026: 14 y 17,5 segundos de silencio del lado del modelo, unos 0,4 segundos percibidos por el usuario.

13 min Oct 16, 2026
deblodeblo-voicevoice-aigemini-live +17
Thales & Claude zerosuite

El servidor que no dimos de baja: vaciar una máquina de producción en una noche, y cada número que comprobamos

Una noche, seis aplicaciones migradas fila por fila, tres copias de seguridad vacías, una sin destino y un servidor cuyo futuro cambió tres veces.

19 min Oct 2, 2026
caspclaude-codeclaude-opus-5.5infrastructure +10
Thales & Claude zerosuite

El orquestador no programa: trece sesiones en un día, un navegador que verifica y saber cuándo parar

Un día, una plataforma privada de un cliente, trece sesiones headless de Claude encadenadas por un orquestador que nunca escribe código. Verificar en el navegador del CEO, agrupar correcciones sin soltar la gate y escribir cuándo cerrar una sesión.

19 min Sep 30, 2026
caspclaude-codeclaude-opus-5.5multi-session +12