Una web que solo está en tu ordenador no la ve nadie. Ya sabes qué son el hosting y los dominios (lección Cómo funciona la web (y quién hace qué)); ahora vas a publicar tu portfolio gratis y de forma profesional: conectando tu repositorio de GitHub a un servicio que publica la web automáticamente cada vez que haces push. Es lo que se llama despliegue continuo.

Tu ordenador ──commit + push──▶ GitHub ──aviso──▶ Netlify / Vercel ──▶ https://tu-web.netlify.app

1. Tu proyecto en un repositorio de GitHub (lección Git, el historial de tu proyecto), con el index.html en la raíz o en una carpeta conocida.
2. Nombres de ficheros en minúsculas y sin espacios, y rutas relativas (css/estilos.css, no C:\Users\…). En el servidor, Foto.JPG y foto.jpg son ficheros distintos.

La más directa: en el repositorio, Settings → Pages → Deploy from a branch → main / (root). En un minuto tu web está en https://tu-usuario.github.io/nombre-repo/. Ideal para webs de HTML, CSS y JS sin herramientas.

1. Entra en netlify.com y regístrate con tu cuenta de GitHub.
2. Add new site → Import an existing project → GitHub y elige el repositorio.
3. Configuración:
   • Web de HTML y CSS sin herramientas: deja Build command vacío y Publish directory en la carpeta donde está el index.html (normalmente la raíz, .).
   • Con npm (por ejemplo, Tailwind): Build command npm run build y el directorio que genera ese script.
4. Deploy. Te da una dirección tipo https://nombre-aleatorio.netlify.app, que puedes cambiar en Site configuration → Change site name.

Extra muy útil: Netlify recoge formularios sin programar un servidor. Añade el atributo data-netlify="true" a tu <form> y los mensajes aparecerán en su panel.

1. Entra en vercel.com y regístrate con GitHub.
2. Add New → Project → Import el repositorio.
3. Framework Preset: Other si es HTML y CSS; Vercel detecta solo si usas Vite, Astro, Next… Con npm, comprueba el Build Command (npm run build) y el Output Directory.
4. Deploy. Dirección tipo https://nombre-repo.vercel.app.

1. Cambias algo en VS Code y lo pruebas en local.
2. Commit con un mensaje claro y push (GitHub Desktop).
3. En uno o dos minutos, la web publicada se actualiza sola.
4. Si algo falla, el panel de Netlify o Vercel muestra el registro del despliegue (deploy log) con el error, y puedes volver a una versión anterior con un clic.

Si trabajas en una rama distinta de main, ambos servicios crean una vista previa con su propia dirección: perfecta para enseñar un cambio a un cliente (o al profesor) antes de publicarlo.

Los tres permiten usar un dominio propio (tunombre.com): lo compras en un registrador y en su panel apuntas los DNS a Netlify, Vercel o GitHub siguiendo las instrucciones que te dan. El certificado HTTPS lo ponen gratis. (Repasa dominios y DNS en la lección Cómo funciona la web (y quién hace qué).)

Revisa siempre las condiciones del plan gratuito: cambian con el tiempo.

⚠️ Atención. Todo lo que subes a un repositorio público y a una web publicada lo puede ver cualquiera. No subas contraseñas, datos personales de otras personas ni fotos de terceros sin permiso.

1. Publica tu portfolio en Netlify o Vercel conectado a tu repositorio de GitHub.
2. Cambia el nombre del sitio por uno reconocible (nombre-apellido-portfolio).
3. Haz un cambio visible, commit y push, y comprueba que se actualiza solo.
4. Pega la dirección publicada en el README.md del repositorio.

• 404 en la portada: el index.html no está donde dice el Publish/Output directory, o se llama Index.html.
• Sin estilos ni imágenes publicados, pero sí en local: rutas con mayúsculas distintas o absolutas a tu disco.
• Con npm, olvidar el build command: se publica el input.css sin procesar.
• Subir node_modules/: no hace falta; el servicio ejecuta npm install por su cuenta.