← Volver al blog
Issue #01Reflexión5 min read

De HTML estático a Next.js: reconstruyendo mi portafolio desde cero

2026 · Publicado

Reconstruir mi portafolio no fue solo cambiar tecnología: fue repensar cómo quiero presentarme como desarrolladora, cómo quiero mostrar mis proyectos y cómo puedo crear una experiencia digital que también hable de mi personalidad.

Next.jsTypeScriptTailwind CSSPortafolio

panel 01

El punto de partida

Mi primera versión de portafolio estaba hecha con HTML, CSS y JavaScript. Me ayudó a entender la estructura de una página web, a practicar responsive design y a tener una primera presencia profesional.

Sin embargo, conforme fui avanzando en mi formación, empecé a notar que quería algo más escalable, interactivo y alineado con el tipo de proyectos que quiero construir.

panel 02

Por qué Next.js

Decidí rehacerlo con Next.js, TypeScript y Tailwind CSS porque quería aprender una estructura más cercana a proyectos reales: componentes reutilizables, rutas, datos organizados, modo oscuro, mejor mantenimiento y una base lista para conectar con backend.

También elegí integrar FastAPI más adelante para el formulario de contacto, porque me interesa fortalecer mi perfil Full Stack y entender mejor cómo se comunican frontend y backend.

panel 03

Diseño con personalidad

El rediseño visual también fue importante. No quería que mi portafolio se sintiera genérico. Por eso elegí una estética tipo comic scrapbook, inspirada en mis gustos por la música, la literatura, el k-pop y los videojuegos.

Para mí, el diseño no es solo decoración: también comunica intención, personalidad y cuidado por los detalles.

panel 04

Lo que aprendí

Este proyecto me ayudó a entender que un portafolio no es solamente una lista de tecnologías. Es una forma de contar una historia: quién soy, qué estoy aprendiendo, qué he construido y hacia dónde quiero crecer como desarrolladora.

end of issue ✦

Gracias por leer.

Esta entrada forma parte de mi proceso de aprendizaje y de cómo voy documentando mi crecimiento como desarrolladora.