De idea a producción, limpio.

Full-stack con Next.js y TypeScript. Foco en claridad, rendimiento y sistemas que aguantan con el tiempo.

Diseño calmado. Sistemas sólidos.

De cero a producción.

Next.jsTypeScriptSupabaseOpenAIn8n

Sólido, sin ruido

Trabajo

Una selección cuidada — suficiente para ver cómo pienso y entrego.

Vista general de la plataforma Uriach You

Uriach You — Plataforma B2B para farmacias

Plataforma B2B para farmacias: formación, novedades y analítica.

Contexto: Un espacio único para formar, lanzar y apoyar a farmacias.

Restricciones: Claridad B2B, cambios de contenido rápidos, entrega fiable.

Rol: Responsabilidad end-to-end: construir, entregar, iterar.

Lo que hice

Base Next.js + TypeScript + Sanity, desplegado en Vercel.
Áreas de formación para farmacias y perfiles sanitarios.
Analítica y tooling interno para apoyar la adopción.

Next.jsTypeScriptSanityVercel

Demo

Biblioteca de componentes y sistema UI Yuma

Yuma — UI Kit y Design System de ISDIN

Sistema y librería de componentes con foco en consistencia y accesibilidad.

Contexto: Base UI común para varios productos de ISDIN.

Restricciones: UI precisa al píxel, accesibilidad, rendimiento y buen DX.

Rol: Componentes UI, arquitectura y soporte de integración.

Lo que hice

Componentes reutilizables con Styled Components.
Patrones con accesibilidad como base y fidelidad visual estricta.
Soporte para adopción real en producción.

ReactStyled ComponentsDesign SystemAccesibilidad

Demo

Interfaz de Vinci para financiación con tokens

Vinci — Financiación musical Web3 con ERC-20

Financiación Web3 para artistas con tokens ERC-20 y beneficios.

Contexto: Financiación directa fan→artista con propiedad on-chain.

Restricciones: UX sin fricción, login con wallet, lecturas fiables de contrato.

Rol: Frontend, auth Web3 e integración con contrato.

Lo que hice

Autenticación con wallet y flujos de usuario.
Lecturas en Ethereum para desbloquear beneficios por propiedad.
Experiencia de compra y exploración limpia.

ReactTypeScriptEthereumWeb3 Auth

Demo

Selfcare — Portal de gestión Telco

Portal B2B autoservicio para líneas, suscripciones y consumo.

Contexto: Necesitaban control sin depender de soporte.

Restricciones: Datos densos, UX predecible, UI mantenible a escala.

Rol: Entrega frontend, librerías compartidas, estabilidad de plataforma.

Lo que hice

Flujos clave para gestión de líneas y suscripciones.
Mejora de vistas de datos con patrones reutilizables.
Contribución a librerías compartidas para reducir regresiones.

ReactTypeScriptPortal B2BLibrerías UI

Demo

Stack

Una caja de herramientas modular — elegida por velocidad, claridad y mantenibilidad a largo plazo.

Next.js (App Router)

Fronteras server/client con patrones predecibles
ISR y revalidación on-demand cuando el contenido importa
Rendimiento y accesibilidad por defecto

Next.jsApp RouterRSCISR

Vercel

Despliegues serverless con previews por defecto
Seguro por diseño: entornos aislados, releases limpias y rollbacks fáciles

VercelServerlessPreviewSecurity

shadcn/ui

Primitivas de UI componibles con control real
Builds rápidos y lenguaje visual consistente

shadcn/uiRadixTailwindUI System

Sanity CMS

Modelado de contenido estructurado
Flujo editorial + revalidación por webhooks

SanityWebhooksContent

OpenAI (flujos asistidos por IA)

IA como asistente dentro de flujos de producto
Chunking, resúmenes y salidas estructuradas
UX honesta: asistiva, no manipulativa

OpenAIStructured outputUX

Supabase + Postgres

Esquemas relacionales, constraints y ownership claro
Patrones de auth/storage que permiten entregar rápido
Fronteras de seguridad pragmáticas

PostgresSupabaseRLS

Typesense

Búsqueda rápida, tolerante a errores, con resultados instantáneos
Indexación simple y ajuste de relevancia predecible

TypesenseSearchIndexingRelevance

n8n (Automatización)

Automatizaciones y glue code sin scripts frágiles
Flujos event-driven

n8nWebhooksOps

Next.js (App Router)

Fronteras server/client con patrones predecibles
ISR y revalidación on-demand cuando el contenido importa
Rendimiento y accesibilidad por defecto

Next.jsApp RouterRSCISR

Vercel

Despliegues serverless con previews por defecto
Seguro por diseño: entornos aislados, releases limpias y rollbacks fáciles

VercelServerlessPreviewSecurity

shadcn/ui

Primitivas de UI componibles con control real
Builds rápidos y lenguaje visual consistente

shadcn/uiRadixTailwindUI System

Sanity CMS

Modelado de contenido estructurado
Flujo editorial + revalidación por webhooks

SanityWebhooksContent

OpenAI (flujos asistidos por IA)

IA como asistente dentro de flujos de producto
Chunking, resúmenes y salidas estructuradas
UX honesta: asistiva, no manipulativa

OpenAIStructured outputUX

Supabase + Postgres

Esquemas relacionales, constraints y ownership claro
Patrones de auth/storage que permiten entregar rápido
Fronteras de seguridad pragmáticas

PostgresSupabaseRLS

Typesense

Búsqueda rápida, tolerante a errores, con resultados instantáneos
Indexación simple y ajuste de relevancia predecible

TypesenseSearchIndexingRelevance

n8n (Automatización)

Automatizaciones y glue code sin scripts frágiles
Flujos event-driven

n8nWebhooksOps

Sistemas

Pienso en restricciones y trade-offs: mantenibilidad, fiabilidad y coste.

Arquitectura

Prefiero módulos componibles frente a monolitos de features.
Hago explícitos el routing y las fronteras de contenido.
Optimizo para el cambio: dependencias claras, mínimo acoplamiento.

Datos

Relacional primero: esquemas Postgres que dicen la verdad.
Índices, constraints, ownership y trazabilidad.
Guarda lo consultable; serializa lo inevitable.

Fiabilidad

Jobs idempotentes, reintentos y pipelines observables.
Separación entre coordinación y cómputo.
Fallar claro; recuperar rápido.

DX y Seguridad

Interfaces tipadas, entornos predecibles y logs limpios.
Integridad de sesión server-side y permisos conservadores.
Threat modeling pragmático, sin paranoia.

Notas

Notas sobre construir sistemas, entregar trabajo y mantener la complejidad a raya.

ISR con webhooks de Sanity en Next.js

Un patrón práctico para revalidar páginas sin romper el flujo editorial.

Esquemas Postgres que siguen siendo legibles

Constraints y ownership como parte del producto — no como un añadido final.

Pipelines de automatización: coordinación vs cómputo

Escala separando orquestación barata de workers de cómputo pesado.

Sobre mí

Oficio por encima del drama.

Soy desarrollador full-stack y valoro la claridad por encima del ruido. Construyo sistemas que resisten el cambio: fronteras limpias, modelos de datos honestos e interfaces que no pelean con el usuario. Entrego y luego itero con disciplina.

Menos fricción, más flujo.
El diseño es cómo se usa.
Construir para iterar.

Contacto

Si quieres hablar de producto, arquitectura o ejecución con rigor, escríbeme.

roberto@rrios.dev