Mantén vivas las demos
Una demo caída es peor que ninguna. Revisa los enlaces antes de cada candidatura y, si tu hosting gratuito apaga la demo por inactividad, graba un vídeo corto y añádelo con el bloque Vídeo.
Portfolio para desarrolladores
Tu portfolio de desarrollador: proyectos, código y demos en vivo
Un perfil de GitHub lleno de forks no explica qué sabes hacer. Un portfolio sí: qué construiste, con qué stack, qué problema técnico resolviste y dónde se puede probar.
Por qué necesitas un portfolio propio
Los equipos técnicos revisan GitHub, pero un repositorio sin contexto obliga a adivinar. ¿Es un tutorial seguido paso a paso o un proyecto que mantienes? ¿Qué parte escribiste tú? Un portfolio de desarrollador ordena esa información: tres o cuatro proyectos con una explicación breve, el stack, la decisión técnica más interesante, el enlace al repositorio y, sobre todo, una demo que funcione.
No necesitas programar tu propio portfolio para demostrar que sabes programar. Muchos desarrolladores empiezan uno a medida, lo dejan a medias y acaban enviando una web de hace tres años. Con NGFolios lo tienes publicado en una tarde y dedicas el tiempo a lo que importa: escribir buenos casos técnicos. El HTML se renderiza en el servidor con muy poco JavaScript, así que carga rápido aunque alguien lo pase por Lighthouse.
Tienes un bloque Código para enseñar fragmentos con formato, puedes incrustar ejemplos de CodePen y hay una plantilla Terminal para quien quiera estética de consola. Si lo que buscas es una web con tu dominio para vender servicios como freelance, o la web de tu propio producto SaaS, eso ya es desarrollo web a medida.
Problemas habituales
-
Repositorios sin README ni demo
Un enlace a un repo sin instrucciones ni despliegue rara vez se revisa. Nadie va a clonar y configurar tu proyecto en una primera criba.
-
Listas de tecnologías sin pruebas
Veinte logos de frameworks no demuestran nada. Convence ver una tecnología aplicada en un proyecto concreto y por qué la elegiste frente a otra.
-
Proyectos de tutorial
La lista de tareas, el clon de una red social o la app del tiempo aparecen en miles de portfolios. Sin un giro propio, no te diferencian de nadie.
Contenido
Qué poner en tu portfolio de desarrollador
Las secciones que más ayudan a que te contraten, y el bloque de NGFolios con el que montar cada una.
- 01
Proyectos con stack y enlaces
Bloque «Proyectos»Usa el bloque Proyectos para tres o cuatro trabajos seleccionados. En cada uno: captura, una frase de qué hace, el stack principal y dos enlaces, demo y repositorio. Si el proyecto es privado de empresa, describe tu aportación y enlaza solo lo que sea público.
- 02
Un caso técnico a fondo
Bloque «Caso de estudio»Elige tu proyecto más complejo y cuéntalo con el bloque Caso de estudio: problema, restricciones (rendimiento, presupuesto, código heredado), arquitectura, alternativas descartadas y resultado. Las métricas técnicas, como tiempo de respuesta, tamaño del bundle o coste de infraestructura, encajan aquí.
- 03
Fragmentos de código que expliquen algo
Bloque «Código»El bloque Código muestra un fragmento con formato. No pegues un archivo entero: elige 15 o 20 líneas que ilustren una decisión (un hook bien resuelto, una consulta optimizada, un patrón de manejo de errores) y explícalas en una frase justo encima.
- 04
Demos interactivas
Bloque «Contenido incrustado»Para componentes, animaciones o experimentos de CSS, el bloque Contenido incrustado admite CodePen. El revisor ve el resultado y el código a la vez sin salir de tu portfolio, que es justo lo que no hará si le mandas a otra pestaña.
- 05
Experiencia con logros concretos
Bloque «Experiencia»En el bloque Experiencia, cada puesto con lo que cambió gracias a ti: «migré el módulo de pagos a un servicio independiente», «reduje el tiempo de build a la mitad». Evita listas de tareas genéricas que podría firmar cualquiera del equipo.
- 06
Stack con honestidad
Bloque «Habilidades»El bloque Habilidades admite nivel opcional. Agrupa por lenguajes, frameworks, bases de datos e infraestructura, y quédate con lo que dominas. Si pones Kubernetes, prepárate para que te pregunten por Kubernetes.
Estructura recomendada
Páginas y bloques para un portfolio de desarrollador completo. Puedes empezar solo con la primera.
1 Inicio
- Portada
- Proyectos
- Habilidades
- Llamada a la acción
2 Una página por proyecto
- Caso de estudio
- Código
- Contenido incrustado
3 Experiencia
- Experiencia
- Formación
- Currículum
4 Sobre mí
- Sobre mí
- Idiomas
5 Contacto
- Contacto
- Disponibilidad
Plantillas
Plantillas que encajan con desarrolladores
Elegidas por cómo presentan el tipo de trabajo que enseñarás. Puedes cambiarla en cualquier momento sin perder el contenido.
Terminal
Tu portfolio en una consola: fondo negro, verde fósforo y todo en monoespaciada.
técnica · retro · geek
Minimal
Fondo blanco, titular ligero y mucho aire: tu trabajo habla sin ruido.
sobria · serena · precisa
Premium
Aurora
Degradados de aurora sobre azul noche, cristal, brillo y tarjetas bento.
futurista · luminosa · tecnológica
Consejos para un portfolio de desarrollador que funcione
Un README que se lea en un minuto
Qué hace, cómo arrancarlo, decisiones técnicas y estado del proyecto. El portfolio lleva al repositorio, y el repositorio debe confirmar lo que promete el portfolio.
Usuarios reales valen doble
Una herramienta pequeña que usa tu equipo, tu club o un cliente demuestra despliegue, mantenimiento y feedback. Cuéntalo aunque el código no sea perfecto.
Reordena según la oferta
Si optas a backend, sube los proyectos de API y datos; si es frontend, los de interfaz. Reordenar bloques y volver a publicar lleva segundos.
Crea tu portfolio de desarrollador ahora
Empiezas con una plantilla y contenido de ejemplo; cambias los textos, subes tus trabajos y publicas. Gratis y sin tarjeta.
Sin tarjeta · Sin código · Un producto de Web Avanzada
Preguntas frecuentes sobre el portfolio de desarrollador
Web Avanzada
¿Necesitas más que un portfolio?
NGFolios es perfecto para presentarte. Cuando tu proyecto pide marca propia, vender o captar clientes con SEO local, lo construimos contigo en Web Avanzada.
- Dominio propio (tunombre.com) y web sin el pie de NGFolios
- Tienda online, reservas o área de clientes
- SEO local y contenidos para captar clientes
- Diseño a medida y migración de tu portfolio
Guías para tu portfolio
Portfolio vs currículum: diferencias y cuándo usar cada uno
El currículum resume tu trayectoria; el portfolio demuestra lo que sabes hacer. Cuándo pesa más cada uno según el sector y cómo hacer que se refuercen entre sí.
6 min de lectura
Cómo escribir un caso de estudio para tu portfolio
Un caso de estudio convierte una imagen bonita en una prueba de cómo piensas. Estructura en cinco partes, ejemplos por profesión y qué hacer si no tienes métricas.
6 min de lectura
Otras profesiones
Portfolio para diseñadores UX/UI En UX no se contrata por pantallas bonitas, sino por cómo llegas a ellas. Tu portfolio tiene que mostrar el problema, la investigación y el impacto sin obligar a nadie a leer un ensayo.
Portfolio para freelance Como freelance, tu portfolio no compite por un puesto: compite por el presupuesto de un cliente. Tiene que explicar qué resuelves, cuánto cuesta aproximadamente y cómo empezar.
Portfolio para estudiantes No hace falta experiencia profesional para tener un buen portfolio. Hace falta elegir bien tus proyectos de clase y personales, contar qué aprendiste y presentarlo con cuidado.
¿Quieres verlo todo? Vuelve a NGFolios.