Saltar al contenido
Foto del autor

Ricardo Cáceres

Desarrollador Frontend Senior

Construyo frontends rápidos y escalables para e-commerce y SaaS con React, Next.js y TypeScript.

México / Polonia · Remoto

Sobre mí

Foto de perfil

Desarrollador Frontend Senior con más de 7 años de experiencia construyendo plataformas escalables de e-commerce, fintech y SaaS. Sólida experiencia en React, Next.js, TypeScript, Shopify y arquitecturas de headless commerce, con gran interés en desarrollo móvil (React Native). Experiencia liderando migraciones de sistemas heredados a soluciones modernas y de alto rendimiento, mejorando SEO, rendimiento y KPIs de negocio.

En qué me especializo

Especialidades

Más allá del frontend web: móvil, escritorio, plataformas de contenido y comercio.

Apps móviles con React Native y Expo

Apps para iOS y Android con React Native y Expo, compartiendo TypeScript, componentes y lógica con la web.

  • Reutilización de lógica y tipos entre web y móvil
  • Soporte a la app de React Native de Wild Fork: interfaz y corrección de errores
  • Interés activo en proyectos móviles
  • React Native
  • Expo
  • TypeScript

Apps de escritorio con Tauri

Apps de escritorio ligeras con Tauri: interfaz en React sobre un núcleo nativo, con binarios pequeños y multiplataforma (macOS, Windows, Linux).

  • Stack web para la interfaz y una capa nativa segura en Rust
  • Un solo código empaquetado para macOS, Windows y Linux
  • Tauri
  • React
  • TypeScript
  • Rust

CMS headless con Contentful

Sitios en producción con Next.js y Contentful a través de GraphQL.

  • elementfleet.com con Contentful (GraphQL) y codegen tipado
  • Diagnóstico y solución de una caída del streaming en Vercel causada por contenido mal formado del CMS
  • Contentful en la plataforma de e-commerce de Wild Fork
  • Contentful
  • GraphQL
  • Next.js
  • TypeScript

Shopify y comercio headless

Tiendas Shopify a medida y migraciones a arquitecturas headless.

  • Tiendas Shopify a medida en Liquid para varios clientes (ArkusNexus)
  • Mantenimiento de la tienda Shopify de Wild Fork (Vue 2, Liquid) durante su migración a Commercetools
  • Integraciones de marketing y búsqueda como Klaviyo y Algolia
  • Shopify
  • Liquid
  • Commercetools
  • Klaviyo
  • Algolia

Experiencia

  1. Desarrollador Frontend Senior

    Court Avenue · Element Fleet Management

    - Actualidad · Contrato

    • Responsable del desarrollo frontend, SEO y rendimiento de elementfleet.com, un sitio en producción con Next.js, TypeScript y Contentful (GraphQL).
    • Diagnostiqué y resolví una caída de streaming en el servidor (Vercel) causada por contenido mal formado de Contentful, restableciendo la estabilidad en producción.
    • Gestiono automatización de marketing, landing pages de campañas y decisiones de arquitectura frontend en un entorno de CMS headless.
    • Resolví problemas de configuración de entorno en el pipeline de codegen de GraphQL.
    • Next.js
    • TypeScript
    • Contentful (GraphQL)
    • Tailwind CSS
    • React
  2. Desarrollador Frontend

    Wild Fork

    - · Tiempo completo

    • Parte de la migración completa de la plataforma de e-commerce de Shopify a una arquitectura con Commercetools, ganando flexibilidad y control sobre el negocio digital.
    • Entregué funciones para clientes, correcciones críticas y mejoras de rendimiento en la plataforma propia con Next.js, TypeScript, Contentful y Tailwind CSS.
    • Mantuve la tienda Shopify existente (Vue 2, Liquid) durante la transición, resolviendo errores heredados.
    • Mejoré rendimiento y SEO con estrategias de renderizado y carga de recursos, y añadí seguimiento de eventos personalizado para guiar decisiones de UX.
    • Next.js
    • TypeScript
    • Commercetools
    • Contentful
    • Tailwind CSS
    • Shopify
    • Liquid
    • Vue 2
  3. Desarrollador Frontend

    ArkusNexus

    - · Tiempo completo

    • Líder del equipo frontend de un nuevo sistema interno de RR. HH., con arquitectura en Next.js, TypeScript, Tailwind CSS y Storybook.
    • Desarrollé y mantuve tiendas Shopify a medida para distintos clientes usando Liquid.
    • Next.js
    • TypeScript
    • Tailwind CSS
    • Storybook
    • Shopify
    • Liquid
  4. Desarrollador Frontend

    Linq

    - · Tiempo completo

    • Diseñé y construí la versión 2.0 de un sistema financiero para titulizaciones públicas y privadas con React, TypeScript y Tailwind CSS.
    • Construí una plataforma segura en tiempo real para videoreuniones privadas y firma digital de documentos con Next.js, Node.js, Express y Socket.IO.
    • Lideré el diseño UI/UX en Figma y desarrollé el sitio principal de la empresa con Next.js y Tailwind CSS.
    • React
    • Next.js
    • TypeScript
    • Tailwind CSS
    • Node.js
    • Express
    • Socket.IO
    • Figma

Anteriores

  • Desarrollador Full Stack · OPA Asesoresfeb 2020 - may 2020

    Tiempo completo — Mantenimiento y nuevos módulos para una plataforma SaaS de contabilidad B2B.

  • Desarrollador Frontend · H5A Studiodic 2019 - ene 2020

    Por proyecto — UI/UX en Figma y sitio responsivo con Next.js y Tailwind CSS.

  • Desarrollador Full Stack · Linkbytenov 2019 - mar 2020

    Por proyecto — Módulo de video y compartición de múltiples enlaces con jQuery, PHP, Laravel y Bootstrap.

  • Desarrollador Frontend · Retracedsept 2019 - nov 2019

    Por proyecto — Frontend completo del sitio con Next.js y Bootstrap, fiel al diseño.

  • Desarrollador Frontend · Tattoo Matajun 2019 - oct 2019

    Tiempo completo — UI/UX en Adobe XD y catálogo virtual de productos.

  • Desarrollador Full Stack · Miiodic 2018 - ago 2019

    Tiempo completo — Sitio principal, campañas de correo con SendGrid, captura de leads con PHP/MySQL y Google Analytics.

Educación

Goldsmiths, University of London

BSc en Ciencias de la Computación

2021–2023

Stack actual

Frontend

  • JavaScript (ES6+)
  • TypeScript
  • React
  • Next.js
  • Astro
  • HTML5
  • CSS3
  • SCSS
  • Tailwind CSS

Móvil y escritorio

  • React Native
  • Expo
  • Tauri

Backend

  • Node.js
  • Supabase (Auth, DB, APIs)

Bases de datos

  • MongoDB
  • PostgreSQL

E-commerce

  • Shopify
  • Liquid
  • Commercetools
  • Headless Commerce

Gestión de estado

  • Redux Toolkit
  • Zustand

Pruebas

  • Jest
  • Enzyme

CMS, analítica y marketing

  • Contentful
  • Google Analytics
  • Custom Event Tracking
  • SEO
  • Klaviyo
  • Algolia

Herramientas

  • Git
  • GitHub
  • GitLab
  • Figma
  • Adobe XD
  • CI/CD

Idiomas

Trabajo destacado

Proyectos open source que construyo y mantengo, y una selección de trabajo para clientes.

Open source

Captura de JavaScript Playground

JavaScript Playground

2026 · Autor

Plataforma tipo Codewars con más de 2.000 ejercicios de los objetos built-in de JavaScript, con ejecución y tests en el navegador.

  • Ejecución y tests en el navegador con editor Monaco
  • Progreso y rutas de aprendizaje
  • i18n completo en inglés y español
  • Next.js 16
  • React 19
  • Tailwind CSS 4
  • Redux Toolkit
  • TypeScript
  • Monaco
Captura de DevKit Lab

DevKit Lab

2025–2026 · Autor

Laboratorio con guías y ejemplos en vivo de React Hooks, patrones de diseño, arquitecturas y APIs de Next.js.

  • Ejemplos interactivos junto a cada guía
  • Cubre React Hooks, patrones de diseño y APIs de Next.js
  • Licencia MIT
  • Next.js
  • React 19
  • TypeScript
  • Tailwind CSS 4

priority-skills

2026 · Autor

CLI y librerías para descubrir, validar y priorizar "skills" (descriptores de capacidades) en proyectos locales y plugins instalados.

  • Monorepo en TypeScript con CLI y librerías reutilizables
  • Analiza proyectos locales y plugins instalados
  • Licencia MIT
  • TypeScript
  • Node.js
  • CLI
  • monorepo

Trabajo para clientes

El código de los proyectos de clientes es privado, por eso no hay repositorios que enlazar.

elementfleet.com

2026 · Senior Frontend Developer (contrato)

Sitio corporativo desarrollado por Court Avenue para Element Fleet Management.

  • SEO y rendimiento del sitio en producción
  • Resolví un crash de streaming en Vercel causado por contenido del CMS
  • Landing pages de campañas y automatización de marketing
  • Next.js
  • TypeScript
  • Contentful (GraphQL)
  • Tailwind CSS

Wild Fork e-commerce

2022–2025 · Frontend Developer

Tienda en línea de alimentos migrada de Shopify a un stack headless.

  • Migración end-to-end de Shopify a Commercetools (headless)
  • Mantenimiento de la tienda Shopify (Vue 2, Liquid) durante la transición
  • Analítica con eventos personalizados y mejoras de SEO/rendimiento
  • Next.js
  • TypeScript
  • Commercetools
  • Contentful
  • Tailwind CSS
  • Shopify/Liquid

Linq financial platform

2020–2021 · Frontend Developer

Plataforma fintech para gestionar bursatilizaciones, con funciones en tiempo real.

  • v2.0 de un sistema para gestionar bursatilizaciones públicas y privadas
  • Plataforma en tiempo real de videollamadas privadas y firma de documentos
  • Diseño UI/UX en Figma y web corporativa
  • React
  • TypeScript
  • Tailwind CSS
  • Next.js
  • Node.js
  • Socket.IO

Sistema interno de RR. HH.

2021–2022 · Frontend Team Lead

Sistema interno de recursos humanos desarrollado en ArkusNexus.

  • Arquitectura y liderazgo del frontend
  • Librería de componentes documentada en Storybook
  • Tiendas Shopify a medida para clientes (Liquid)
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Storybook

Flujo de trabajo

Cómo trabajo

Cómo uso Git depende del tamaño del equipo, pero el objetivo siempre es el mismo: cambios pequeños, revisados y listos para publicar. Estos son los tres flujos que más uso.

Cuando trabajo solo mantengo tres tipos de ramas. Cada feature sale de development y vuelve a ella; al terminar un desarrollo, development se mergea en main y se etiqueta la versión.

Flujo de Git trabajando soloTres tipos de ramas: main, development y ramas de feature. Dos features salen de development y se mergean de vuelta en ella. Al terminar el ciclo, development se mergea en main y se etiqueta v1.0. Un cambio posterior en development se mergea en main como v1.1.maindevelopmentfeature/loginfeature/searchv1.0v1.1
  • main
  • development
  • feature/login
  • feature/search
Flujo en solitario: las features salen de development, y development se mergea en main con una etiqueta.

Buenas prácticas

  • Nombres de rama descriptivos con prefijo: feature/login, fix/header-overlap.
  • Commits pequeños con un mensaje claro, para que el historial se lea como una historia.
  • Merge con --no-ff para que cada feature quede visible en el historial.
  • Etiquetas de versión semántica (v1.0, v1.1) en main en cada release.
  • Borrar la rama de feature cuando ya se mergeó.
bash
git switch -c development main
git switch -c feature/login development
git commit -m "feat(login): add form validation"
git switch development
git merge --no-ff feature/login        # feature done
git branch -d feature/login
git switch main
git merge --no-ff development          # development done
git tag -a v1.0 -m "Release 1.0"
git push origin main development --follow-tags

¿Tienes un proyecto en mente?

Cuéntame qué necesitas y te responderé con una cotización.