Un buen portafolio de programador junior tiene de 3 a 5 proyectos propios que resuelven un problema concreto, cada uno en un repositorio de GitHub con un README claro y desplegado en una URL que cualquiera pueda abrir. Para publicarlo gratis, GitHub Pages basta si tu sitio es estático (HTML, CSS y JavaScript); Vercel y Netlify sirven para frameworks y funciones, con límites mensuales en su plan gratuito. Un dominio propio es opcional: un .com cuesta 347 pesos al año en Akky, el registrador mexicano, con IVA incluido (precio del 2 de octubre de 2026).
Qué proyectos incluir y cuáles no
No hay una fuente pública que mida qué proyectos prefieren los reclutadores en México, así que esto es criterio de ingeniero: quien revisa tu portafolio quiere ver que puedes tomar decisiones, terminar algo y explicarlo. Por eso pesa más un proyecto mediano y bien documentado que diez ejercicios sueltos.
| Perfil | Proyecto que suma | Qué demuestra |
|---|---|---|
| Front-end | Una aplicación que consume una API pública (clima, transporte, datos abiertos) con búsqueda, filtros, estados de carga y error, y diseño adaptable | Asincronía, manejo de errores, accesibilidad y diseño responsivo |
| Back-end | Una API REST con autenticación, base de datos relacional, validaciones y pruebas automatizadas | Modelado de datos, seguridad básica y calidad de código |
| Full stack | Un sistema pequeño para un negocio real (citas, inventario, pedidos) con usuarios, roles y despliegue | Que puedes llevar una idea de principio a fin |
| Datos | Un análisis con datos públicos de México: pregunta, limpieza, hallazgos y recomendación | SQL o pandas, visualización y comunicación |
| IA | Un chatbot que responde con tus propios documentos (RAG) o un agente que automatiza una tarea real | Integrar modelos con criterio, costos y límites |
- Sí suman: proyectos con un usuario real (aunque sea tu familia o un negocio de tu colonia), con pruebas, con integración continua en GitHub Actions y con un historial de commits que muestre cómo avanzaste.
- Restan o no suman: el clon del tutorial sin cambios, la lista de tareas como único proyecto, repositorios sin README y demos que ya no abren.
- Proyectos de curso: sirven si los modificas. Agrega una función que el curso no tenía, cambia el diseño o la base de datos y explica en el README qué hiciste tú.
Cómo documentar cada proyecto en GitHub
Tu perfil de GitHub es la portada del portafolio. Estas funciones y prácticas ayudan mucho:
- README de perfil: si creas un repositorio público con el mismo nombre que tu usuario y le agregas un README.md en la raíz, GitHub lo muestra en tu perfil. Úsalo para decir quién eres, qué buscas y enlazar tus tres mejores proyectos.
- Repositorios fijados: puedes fijar hasta seis repositorios y gists, combinados. Fija solo los que quieras que alguien abra primero.
- Un README por proyecto: la documentación de GitHub dice que el README suele ser lo primero que ve un visitante y que normalmente explica qué hace el proyecto, por qué es útil, cómo empezar a usarlo, dónde pedir ayuda y quién lo mantiene.
- Cuida tus secretos: nunca subas claves de API ni contraseñas; usa variables de entorno y un .gitignore. GitHub activa por defecto en repositorios públicos una protección que bloquea los envíos que parecen contener secretos, pero no la uses como única defensa.
Si todavía te cuesta Git, el libro Pro Git en español y Learn Git Branching son gratis, y GitHub Foundations es una certificación económica si quieres acreditar que sabes colaborar con ramas, issues y pull requests.
Dónde publicarlo: GitHub Pages, Vercel, Netlify u hosting propio
| Opción | Costo | Límites principales | Ideal para |
|---|---|---|---|
| GitHub Pages | Gratis en repositorios públicos con GitHub Free | Sitio de hasta 1 GB, límite flexible de 100 GB de ancho de banda al mes y 10 compilaciones por hora; solo sitios estáticos y no para negocios en línea | Tu sitio personal y demos de HTML, CSS y JavaScript |
| Vercel (plan Hobby) | Gratis, solo para uso personal no comercial | 100 GB de transferencia al mes, 1 millón de invocaciones de funciones y 100 despliegues por día | Aplicaciones con Next.js, React y funciones del lado del servidor |
| Netlify (plan Free) | Gratis; el plan Personal cuesta 9 USD al mes | 300 créditos al mes con límite duro: cada despliegue a producción consume 15 y cada GB de ancho de banda, 20 | Sitios estáticos y frameworks con pocos despliegues al mes |
| Hosting compartido (ejemplo: Hostinger México, plan Single) | 24.99 MXN al mes pagando 48 meses por adelantado (1,199.52 MXN); se renueva a 89.99 MXN al mes | 1 sitio y 10 GB de almacenamiento | Proyectos con PHP y MySQL o WordPress, y para aprender a desplegar en un servidor |
Mi recomendación: empieza con GitHub Pages para tu página personal y usa Vercel o Netlify para las aplicaciones que lo necesiten. Ojo con Netlify: con 300 créditos, 20 despliegues a producción ya agotan el mes, así que no despliegues en cada cambio menor. El hosting compartido tiene sentido cuando tu proyecto usa PHP y MySQL; este sitio, por ejemplo, es una aplicación PHP que se publica en un hosting compartido. Lee siempre el precio de renovación, no solo el promocional.
Dominio propio: cuándo vale la pena pagarlo
Un dominio con tu nombre (por ejemplo, tunombre.dev o tunombre.com) se ve más profesional que una URL de github.io, pero no es obligatorio. Lo pagaría cuando ya tengas dos o tres proyectos listos y vayas a postularte. Precios de Akky el 2 de octubre de 2026, por un año y con IVA:
- .com: 347 MXN.
- .com.mx: 249 MXN.
- .mx: 689 MXN, con una promoción de 50 % (344.50 MXN) vigente hasta el 31 de octubre de 2026 solo en el primer año; no aplica a renovaciones.
- Si eres estudiante: el GitHub Student Developer Pack incluye, para estudiantes verificados, un dominio .me gratis por un año con Namecheap y un .tech gratis por un año, entre otras ofertas.
GitHub Pages, Vercel y Netlify permiten conectar un dominio propio. Antes de comprar, revisa el precio de renovación del segundo año.
Plantilla de README para tus proyectos
Copia esta estructura en cada repositorio y llénala con tus palabras:
- Nombre y una línea: qué hace el proyecto y para quién.
- Demo: enlace a la versión publicada y una captura o GIF.
- Problema: por qué lo construiste y qué resuelve.
- Tecnologías: lenguaje, framework, base de datos y servicios externos.
- Cómo ejecutarlo: requisitos, comandos para instalar y correr, y variables de entorno necesarias (sin sus valores reales).
- Decisiones y retos: qué alternativas descartaste y qué problema te costó más resolver.
- Pruebas: cómo correrlas y qué cubren.
- Siguientes pasos: qué mejorarías con más tiempo.
- Autor y licencia: tu nombre, enlaces a LinkedIn o a tu sitio, y la licencia del código.
Cursos y recursos con proyectos para empezar
Para construir los proyectos, sigue la ruta de desarrollador web full stack, que termina justo con despliegue y proyecto final, o la ruta para aprender a programar desde cero si aún no eliges especialidad. Las opciones gratuitas con proyectos, como The Odin Project, Full Stack Open y MDN, están en recursos gratis de desarrollo web.
Entre los cursos de pago que analizamos, varios terminan con proyectos publicables: el de JavaScript Moderno construye más de 20 proyectos; el de React llega a una aplicación MERN desplegada; el de Next.js arma un e-commerce con pagos y despliegue, y el Master en CSS incluye siete proyectos de maquetación. Hay más en la categoría de desarrollo web.
Preguntas frecuentes
¿Cuántos proyectos debe tener un portafolio de programador junior?
Recomiendo de 3 a 5 proyectos propios, terminados y documentados. Es mejor tener pocos proyectos con README, demo y pruebas que muchos ejercicios de tutorial sin explicar. Fija en tu perfil de GitHub los que mejor representen el puesto al que te postulas (GitHub permite fijar hasta seis).
¿Cómo hago un portafolio de programador sin experiencia?
Construye proyectos que resuelvan un problema real, aunque sea pequeño: un sistema de citas para un negocio familiar o un análisis con datos públicos. Publica el código en GitHub con un README, despliega una demo gratis en GitHub Pages, Vercel o Netlify y crea un README de perfil que enlace tus tres mejores proyectos.
¿GitHub Pages es gratis?
Sí, para repositorios públicos con GitHub Free; para publicar desde repositorios privados necesitas un plan de pago como GitHub Pro. Solo aloja sitios estáticos, con un tamaño de hasta 1 GB y un límite flexible de 100 GB de ancho de banda al mes, y no está pensado para negocios en línea.
¿Es mejor Vercel o Netlify para un portafolio?
Ambos tienen plan gratuito. Vercel Hobby incluye 100 GB de transferencia y 100 despliegues por día, pero es solo para uso personal no comercial. Netlify Free da 300 créditos al mes y cada despliegue a producción consume 15. Para Next.js, Vercel suele ser lo más directo; para sitios estáticos con pocos cambios, cualquiera sirve.
¿Necesito comprar un dominio para mi portafolio?
No es obligatorio: una URL de github.io o de Vercel funciona. Un dominio con tu nombre se ve más profesional; en Akky, un .com costaba 347 pesos al año con IVA el 2 de octubre de 2026. Si eres estudiante, el GitHub Student Developer Pack incluye dominios gratis por un año.