Cómo crear un portfolio de desarrollador junior que destaque

Si eres estudiante o desarrollador junior y estás buscando tu primera oportunidad seria, tu portfolio es la primera demo de cómo trabajas. Si está descuidado, asumirán que tu código también lo está. Si está bien hecho, te abre conversaciones que un CV solo no abre.

Esto va de cómo construir un portfolio de desarrollador junior que destaque entre cientos. No con humo, sino con decisiones.

Por qué la mayoría de portfolios junior fallan

Tres errores que veo todo el rato:

1. Plantilla genérica. El mismo header, las mismas tres secciones, el mismo stack icons gigantes. El recruiter lo ha visto cien veces.

2. Copy vacío. 'Passionate developer with strong attention to detail.' Esa frase no te diferencia, te entierra en el ruido.

3. Proyectos to-do list. Una calculadora, un to-do, un clone de Twitter. Demuestran que sabes seguir un tutorial. No demuestran criterio.

Tratar el portfolio como producto

El cambio mental: no es un CV online, es un producto. Tiene un usuario (recruiter o founder con 30 segundos), una propuesta de valor (por qué deberían hablar contigo) y una métrica (entrevistas conseguidas).

Cuando piensas así, todo cambia:

• Investigas a tu usuario. ¿Qué busca un recruiter en frontend? Velocidad de scan, evidencia de criterio, proyectos defendibles.
• Priorizas. Si una sección no aporta señal, fuera. Tres proyectos sólidos > diez débiles.
• Mides. Lighthouse, Core Web Vitals, eventos básicos de analítica. Si tu portfolio falla en mobile, ya no estás en la conversación.

Lo que sí importa

Hero con posicionamiento claro. Una frase que diga qué haces y para quién. Sin cliché. 'Construyo productos web rápidos, claros y útiles para negocios reales' comunica más que 'Frontend Developer | React | TypeScript'.

Proyectos con problema, solución, aprendizaje. No basta con screenshot y stack. Cuál era el problema. Qué decidiste y por qué. Qué aprendiste haciéndolo. Eso es lo que lee un recruiter senior.

Stack honesto. No pongas Docker si no has levantado un contenedor. Te va a salir en la entrevista y vas a quedar peor que si no lo hubieras puesto. Mejor un stack pequeño defendible.

Copy con tu voz. Lee el about en voz alta. ¿Suena a ti hablando? Si suena a IA o a plantilla, reescríbelo.

SEO técnico cuidado. Tu nombre + perfil profesional debe ser encontrable. Title, meta description, JSON-LD Person, sitemap, OG image. No es opcional, es 30 minutos que te dan presencia para siempre.

Lo que no importa

• Animaciones de scroll exageradas. Distraen.
• Carruseles. Nadie pasa diapositivas en un portfolio.
• Stack icons gigantes ocupando media pantalla. No aportan información.
• Frases tipo 'I love clean code'. Todo el mundo las dice.
• Foto en plan corporate forzado. Si pones foto, que parezca tú.

Stack que recomiendo (y por qué)

Si empiezas hoy, este combo es sólido y demuestra criterio actual:

• Next.js (App Router) + TypeScript. El estándar moderno. Si no lo tocas, el portfolio ya transmite menos.
• TailwindCSS. Permite consistencia visual sin CSS inflado.
• Vercel. Deploy gratis, performance por defecto, dominio fácil.
• next-themes. Dark/light mode bien hecho, no hack manual.
• lucide-react + simple-icons. Iconografía premium sin peso.

Importante: el stack no es lo que destaca. El criterio sobre cómo lo usas, sí.

Las secciones imprescindibles

1. Hero con posicionamiento.

2. About corto y honesto. Quién eres, qué buscas, qué aportas.

3. Proyectos seleccionados con calidad sobre cantidad.

4. Stack organizado por categoría, no como lista plana.

5. Contacto directo. Email visible. Sin formulario ridículo.

Opcionales que suman si los haces bien:

• Build log o notas técnicas. Aporta SEO y demuestra que sabes pensar por escrito.
• Sección IA. Si la usas con criterio, posicionarte como perfil moderno suma.
• Experiencia. Aunque sea pequeña, contextualiza.

La métrica real

El portfolio funciona si genera entrevistas. Punto. No si tiene 99 en Lighthouse pero nadie te escribe.

Para empujar señales hacia ti:

• Comparte el link cuando aplicas, no solo el CV.
• Cita posts del build log en tu LinkedIn cuando publiques.
• Pídele a un recruiter o senior que te dé feedback brutal antes de considerarlo terminado.

El portfolio que estás leyendo

Este sitio sigue las reglas que acabo de listar. Está construido con Next.js 16, Tailwind v4, dark/light con next-themes, JSON-LD para SEO y un build log activo. Si quieres ver el código abierto del proyecto, está en GitHub.

Si tienes un portfolio empezado y quieres feedback honesto, escríbeme. Lo miro en serio.