Portfolio

Founder & Fullstack Engineer · 2025 – Presente · Producción · Producto personal / Portfolio

Portfolio
Impacto
Portfolio bilingüe mantenible, con case studies editables sin tocar el código.
Evidencia
Sitio activo + contenido de proyectos sincronizado desde Google Sheets.
← Volver a proyectos

Resumen

Portfolio personal en Next.js 15 con arquitectura de contenido editable, soporte bilingüe y case studies pensados para presentar experiencia técnica con claridad.

Problema

Necesitaba un portfolio que no fuera solo una landing estática, sino un sistema de presentación profesional: bilingüe, fácil de actualizar, con case studies bien estructurados y preparado para crecer sin tocar la UI cada vez que cambio un proyecto.

Solución

Diseñé un sitio modular con secciones de perfil, experiencia, educación, proyectos y contacto. La parte de proyectos consume contenido desde Google Sheets, lo que me permite editar case studies de forma rápida sin tocar el código. Además, incorporé soporte ES/EN, tema claro/oscuro y un estilo visual minimalista pero cuidado.

Proceso

  1. 1Definí la estructura de contenido, armé el sistema visual, implementé el App Router, la internacionalización, el consumo de Google Sheets API y el formulario de contacto, cuidando también la responsividad y la claridad editorial.

Resultados

Portfolio activo y fácil de mantener, pensado como carta de presentación y también como producto. Me permite actualizar proyectos rápido y mostrar mi trabajo con más contexto y mejor lectura para recruiters o clientes.

Mi rol

Founder, diseño de producto y desarrollo frontend del sitio.

Arquitectura técnica

Next.js 15, TypeScript, Tailwind CSS 4, DaisyUI, Motion, next-intl y Google Sheets API para contenido editable.

Estrategia de migración

  1. 1No aplica

Impacto

Portfolio bilingüe mantenible, con case studies editables sin tocar el código.

Gran desafío

La clave fue desacoplar el contenido del código para poder mantener el portfolio vivo y actualizado sin fricción.

Uso actual

Sitio activo y fácil de mantener; contenido de proyectos sincronizado desde Google Sheets.

Aprendizajes clave

  • Diseño de contenido desacoplado del código
  • Arquitectura bilingüe ES/EN
  • Google Sheets como CMS liviano
  • UI enfocada en claridad y presentación profesional

Tecnologías

Next.js 15TypeScriptTailwind CSS 4DaisyUIMotionnext-intlGoogle Sheets API