Zacatecas, MXReact · Next.js · Astro · TypeScript

Interfaces modernas y productos digitales con precisión técnica para startups y negocios en crecimiento.

Soy Fabian Herrera, desarrollador web fullstack con más de 2 años de experiencia creando experiencias web rápidas y escalables con React, Next.js y Astro.

Retrato de Fabian Herrera, desarrollador web fullstack
Fabian HerreraEl vaquero del código
UTC-6 · FULLSTACK
01Case Studies

Proyectos seleccionados

Casos de estudio enfocados en decisiones de producto, arquitectura frontend y resultados.

ClearCut Studio

Procesamiento y optimización de imágenes con IA

Problema
Remover fondos y comprimir imágenes para producción web suele requerir múltiples herramientas externas o flujos lentos que degradan la calidad visual.
Decisión
Desarrollé una aplicación web en Next.js y TypeScript integrando modelos de IA para recorte automático de fondos y conversión directa a WebP y AVIF.
Resultado
Flujo unificado en el navegador que entrega activos listos para web en segundos sin servidores intermedios pesados. [COMPLETAR: porcentaje promedio de reducción de peso / usuarios activos].
Next.jsTypeScriptAI ModelsWebP / AVIF

Boxode Website

Rediseño de identidad digital y plataforma web

Problema
El sitio anterior de Boxode carecía de jerarquía visual clara y no transmitía la solidez tecnológica ni el carácter moderno de la marca.
Decisión
Rediseñé la arquitectura de información y la interfaz con Next.js, React, TypeScript y TailwindCSS bajo una dirección visual limpia con alto contraste.
Resultado
Plataforma en producción (boxode.org) con navegación fluida, carga rápida y una identidad digital coherente. [COMPLETAR: mejora en Lighthouse / tiempo de permanencia].
Next.jsReactTypeScriptTailwindCSS

Dune UI

Biblioteca de componentes para TailwindCSS

Problema
Recrear patrones de interfaz desde cero en cada nuevo proyecto generaba fricción, código duplicado e inconsistencias en espaciado y accesibilidad.
Decisión
Creé un sistema y catálogo de componentes modulares con Astro, React, TypeScript y TailwindCSS enfocado en diseño minimalista y reutilización directa.
Resultado
Biblioteca pública documentada (ui.fabianh.me) lista para acelerar el desarrollo de interfaces modernas. [COMPLETAR: número de componentes publicados / uso en proyectos].
AstroReactTypeScriptTailwindCSS
02Track Record

Experiencia profesional

Trayectoria construyendo plataformas web, sistemas de gestión e infraestructura técnica.

  1. /01

    Ene 2025 — Jun 2025 · Estadía Profesional

    Aguascalientes, México • Presencial

    AstroTypeScriptTailwindCSSArquitectura documentada

    Desarrollador Web • INIFAP

    • Diseñé y construí una plataforma web dinámica con Astro, TypeScript y TailwindCSS para publicar investigaciones y artículos científicos.
    • Estructuré la arquitectura de contenidos para optimizar la lectura, el rendimiento de carga y la indexación de publicaciones.
    • Entregué documentación técnica detallada de arquitectura y componentes para garantizar la continuidad del sistema dentro del instituto.
  2. /02

    Nov 2022 — Feb 2023 · Contrato Temporal

    Cuauhtémoc, ZAC, México • Presencial

    Resolución de ProblemasComunicaciónGestión del tiempoDiagnóstico técnico

    Servicio Técnico de Sistemas • CompuCel

    • Diagnosticé y resolví incidencias de software, sistemas operativos y hardware con enfoque en tiempos de respuesta ágiles.
    • Elaboré documentación técnica interna de fallas recurrentes y protocolos de solución para acelerar el soporte del equipo.
    • Coordiné la atención directa a usuarios traduciendo requerimientos técnicos en soluciones prácticas.
  3. /03

    Mar 2022 — Ago 2022 · Estadía Profesional

    San Francisco de los Romo, AGS • Remoto

    PHPMySQLJavaScriptPensamiento Analítico

    Becario de Desarrollo de Software • INBAC Instituto Niels Bohr

    • Construí de forma autónoma un sistema integral de control escolar para gestionar personal administrativo, docentes y alumnos.
    • Diseñé e implementé la base de datos relacional en MySQL y los módulos de negocio en PHP y JavaScript.
    • Digitalicé los procesos de consulta y registro académico que antes se operaban manualmente en la institución.
03Bento Overview

Sobre mí

5 módulos · Datos en tiempo real

Perfil y enfoque

01 / 05

"La inspiración desbloquea el futuro"

Desarrollador web fullstack con más de 2 años de experiencia, egresado de Ingeniería en Desarrollo y Gestión de Software por la Universidad Tecnológica del Norte de Aguascalientes (UTNA).

Comencé a programar a los 13 años en C++ y desde entonces he enfocado mi carrera en construir productos cuidando cada capa del Desarrollo WebHTML · CSS · TS · React · Next.js · Astro · Node.js · REST APIs · MongoDB · MySQL, UI/UXFigma · Design Systems · Wireframing · Responsive UI · Accesibilidad WCAG AA y la creación de Apps Móviles.React Native · Android · iOS · TypeScript

Disfruto combinar ingeniería limpia con criterio editorial, y fuera del código recargo energía viajando y explorando la naturaleza.

Desarrollo WebUI/UXApps Móviles
Conocer mi historia completa

Hora actual

02 / 05
Zona horaria: UTC-6DAY

MX · UTC-6

Clima actual

03 / 05

Hobbies e intereses

05 / 05
Leer
Cocinar
Tocar violín
Jardinería
Explorar la naturaleza
Familia y amigos

Cuando no estoy inmerso en el desarrollo, dedico tiempo a actividades que alimentan mi criterio y atención al detalle: Leer, Cocinar, Tocar violín, Jardinería, Explorar la naturaleza y Pasar tiempo con mi familia y amigos.

Lo que cultivamos fuera del teclado influye directamente en la claridad y creatividad con la que resolvemos problemas frente a él.

04Direct Contact

Hablemos de tu próximo proyecto

Disponible para proyectos freelance y posiciones fullstack

Envíame un mensaje directo

Cuéntame sobre tu producto, calendario o vacante. Respondo personalmente en menos de 24 horas hábiles.

No conservo ni comparto ninguno de tus datos personales. Todo lo proporcionado en el formulario es totalmente confidencial y solo será utilizado para ambitos de contacto profesional.