Architecture
- Clear responsibilities, no mixing layers just because.
- Low coupling between modules, services, and components.
- Manageable changes without rewriting half the system.
From idea to production, cleanly.
Full-stack with Next.js and TypeScript. I design architecture, product and interfaces with a focus on clarity, performance, and real maintainability.
Restrained systems. Considered decisions.
From the first model to a stable deployment.
Next.jsTypeScriptSupabaseOpenAIn8n
Quietly steady
Quietly steady
About
Clarity to build better.
I'm a full-stack developer with a way of working built on judgment, structure, and continuous improvement. I'm drawn to building systems that are understandable on the inside and pleasant on the outside: clean architectures, coherent data models, and interfaces that walk alongside the user.
I see development as a craft: listening, ordering, deciding, shipping, iterating. Without dramatizing the process. Without adding unnecessary complexity.
- Designing is making good decisions.
- Building is reducing friction.
- Iterating is improving with discipline.
Design system
My design system for web applications.
Systems
Real trade-offs, not theory.
Data
- Honest models, close to the actual domain.
- Explicit rules where they prevent future bugs.
- Simple queries and data that stays easy to maintain.
Reliability
- Repeatable processes, especially for jobs and critical tasks.
- Controlled errors — visible and easy to diagnose.
- Fast recovery when something breaks.
DX & Security
- Predictable environments, easy to spin up and reason about.
- Clear validation at the points where it matters.
- Well-defined permissions, with sessions and access handled carefully.
Work
Some recent projects.
Uriach You — B2B platform for pharmacies
B2B platform for pharmacies: training, updates, analytics.
Context: A single place to educate, launch, and support pharmacy partners.
Constraints: B2B clarity, fast content updates, reliable delivery.
Role: End-to-end ownership: build, ship, iterate.
What I did
- Next.js + TypeScript + Sanity foundation, deployed on Vercel.
- Training areas for pharmacies and healthcare audiences.
- Analytics and internal tooling to support adoption.
Next.jsTypeScriptSanityVercel
Yuma — ISDIN UI Kit & Design System
Design system and component library focused on consistency and accessibility.
Context: Shared UI base across multiple ISDIN products.
Constraints: Pixel-accurate UI, a11y, performance, smooth DX.
Role: UI components, architecture, and integration support.
What I did
- Reusable components built with Styled Components.
- Accessibility-first patterns and strict visual fidelity.
- Support work for real adoption in production.
ReactStyled ComponentsDesign SystemAccessibility
Vinci — Web3 music funding with ERC-20 tokens
Web3 funding for artists with ERC-20 tokens and perks.
Context: Direct fan-to-artist funding with on-chain ownership.
Constraints: Low-friction UX, wallet auth, reliable contract reads.
Role: Frontend, Web3 auth, contract integration.
What I did
- Wallet-based authentication and user flows.
- Ethereum reads to unlock benefits by ownership.
- Clean purchase and discovery experience.
ReactTypeScriptEthereumWeb3 Auth
Selfcare — Telecom customer management platform
B2B self-service portal for lines, subscriptions, and usage insights.
Context: Customers needed control without dependence on support.
Constraints: Dense data, predictable UX, maintainable UI at scale.
Role: Frontend delivery, shared libraries, platform stability.
What I did
- Core flows for managing lines and subscriptions.
- Improved data views with reusable UI patterns.
- Contributed to shared libraries to reduce regressions.
ReactTypeScriptB2B PortalUI Libraries
Stack
The tools I work with.
Next.js (App Router)
- Server/client boundaries with predictable patterns
- ISR and on-demand revalidation when content matters
- Performance and accessibility by default
Next.jsApp RouterRSCISR
Vercel
- Serverless deployments with previews by default
- Secure by design: isolated envs, clean releases, easy rollbacks
VercelServerlessPreviewSecurity
shadcn/ui
- Composable UI primitives with real control
- Fast builds, consistent visual language
shadcn/uiRadixTailwindUI System
Sanity CMS
- Structured content modeling
- Editorial flow + webhook revalidation
SanityWebhooksContent
OpenAI (AI-assisted flows)
- AI as an assistant inside product flows
- Chunking, summarization, and structured outputs
- Assistive UX, not manipulative
OpenAIStructured outputUX
Supabase + Postgres
- Relational schemas, constraints, ownership rules
- Auth/storage patterns that ship fast
- Pragmatic security boundaries
PostgresSupabaseRLS
Typesense
- Fast, typo-tolerant search with instant results
- Simple indexing and predictable relevance tuning
TypesenseSearchIndexingRelevance
n8n (Automation)
- Automations and glue code without brittle scripts
- Event-driven workflows
n8nWebhooksOps
Writing
Notes on code and product.
ISR with Sanity webhooks in Next.js
A practical pattern to revalidate pages while keeping the editorial flow intact.
Postgres schemas that stay readable
Constraints and ownership rules as part of the product — not an afterthought.
Automation pipelines: coordination vs compute
Scale workloads by separating cheap orchestration from heavy compute workers.
Contact
Drop me a line.
roberto@rrios.dev