From idea to production, cleanly.

Full-stack with Next.js, TypeScript and Supabase. 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. Open to collaborations.

Next.jsTypeScriptSupabaseSanityTypesenseInngestshadcn/ui

Black-and-white portrait of Roberto Ríos, full-stack developer specialised in Next.js, Supabase and AI-assisted workflows.

Quietly steady.

Personal logomark — Roberto Ríos, full-stack developer.

Quietly steady.

About — full-stack developer in Spain

How I work: judgement, structure, continuous improvement. Translating business intent into durable software.

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.

Poesía — my design system for web applications

Tokens, typography, components and theming. Built to scale across web applications without becoming theatre.

Systems engineering — architecture, data, reliability, security

Architecture, data modelling, reliability and security — real trade-offs, not theory.

Architecture

Clear responsibilities, no mixing layers just because.
Low coupling between modules, services, and components.
Manageable changes without rewriting half the system.

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.

Featured work — web and mobile platforms

Projects across pharma, telco, design systems and Web3 — several of them B2B platforms. Click through for context, constraints and decisions.

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: Clarity for partners, 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

Demo

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

Demo

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

Demo

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

Demo

Stack — Next.js, Supabase, Sanity, Typesense, Inngest

The tools I reach for when shipping production-grade web and mobile applications.

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

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

Technical notes on Next.js, Postgres and automation

Notes on Next.js App Router, Postgres patterns, durable workflows and AI automation that actually ships.

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 — let's build something

Open to new projects — web and mobile apps, design systems, AI integration and B2B platforms.

roberto@rrios.dev