← Volver a tutoriales← Back to tutorials

TutorialesTutorials · PrincipianteBeginner

Publica tu web gratis en Vercel en 10 minutosPublish your website free on Vercel in 10 minutes

Conecta tu repositorio de GitHub a Vercel y obtén una URL pública en minutos. Sin configurar servidores. Gratis para proyectos personales con el plan Hobby.Connect your GitHub repository to Vercel and get a public URL in minutes. No server setup. Free for personal projects with the Hobby plan.

  • Vercel
  • GitHub

Vercel convierte tu repositorio de GitHub en un sitio web con URL pública en menos de 2 minutos. Cada vez que subas un cambio, el sitio se actualiza solo. Gratis para proyectos personales. Toca cada paso para abrirlo.

Vercel turns your GitHub repository into a website with a public URL in under 2 minutes. Every time you push a change, the site updates itself. Free for personal projects. Tap each step to open it.

Antes de empezar: necesitas un repositorio en GitHub con tu proyecto (guía). Funciona con HTML puro, Astro, React, Next.js y muchos otros.Before you start: you need a GitHub repository with your project (guide). Works with plain HTML, Astro, React, Next.js and many others.

1 Crea tu cuenta en VercelCreate your Vercel account
  1. Entra a https://vercel.com
  2. Haz clic en “Sign Up”.
  3. Elige “Continue with GitHub”, Vercel se conecta a tu cuenta con un solo clic.
  4. Acepta los permisos que pide (necesita leer tus repositorios para poder importarlos).

Llegas directo al panel de control. No hace falta tarjeta de crédito para el plan Hobby.

  1. Go to https://vercel.com
  2. Click “Sign Up”.
  3. Choose “Continue with GitHub”, Vercel connects to your account in one click.
  4. Accept the permissions it requests (it needs to read your repositories to import them).

You land straight in the dashboard. No credit card needed for the Hobby plan.

2 Importa tu proyecto de GitHubImport your project from GitHub
  1. En el panel de control, haz clic en “Add New… → Project”.
  2. Verás la lista de tus repositorios de GitHub. Busca el tuyo y haz clic en “Import”.

¿No aparece tu repositorio? Haz clic en “Adjust GitHub App Permissions →”, dale acceso a ese repositorio y vuelve.

  1. In the dashboard, click “Add New… → Project”.
  2. You’ll see a list of your GitHub repositories. Find yours and click “Import”.

Repository not showing? Click “Adjust GitHub App Permissions →”, grant access to that repository and come back.

3 Configura y despliegaConfigure and deploy

Vercel detecta automáticamente el tipo de proyecto (Astro, React, HTML puro, etc.) y configura lo necesario. Normalmente no tienes que cambiar nada.

  1. Revisa el campo “Framework Preset”: si Vercel lo detectó bien, verás el nombre del framework. Si tu proyecto es HTML puro, aparece “Other”.
  2. Si necesitas variables de entorno (claves de API, etc.), añádelas en “Environment Variables”. Si no sabes qué es esto, déjalo en blanco.
  3. Haz clic en “Deploy”.

En 1–2 minutos verás barras de progreso y una pantalla de celebración con tu URL.

Vercel automatically detects your project type (Astro, React, plain HTML, etc.) and sets everything up. Normally you don’t need to change anything.

  1. Check the “Framework Preset” field: if Vercel detected it correctly, you’ll see the framework name. If your project is plain HTML, it shows “Other”.
  2. If you need environment variables (API keys, etc.), add them under “Environment Variables”. If you don’t know what this is, leave it blank.
  3. Click “Deploy”.

In 1–2 minutes you’ll see progress bars and a celebration screen with your URL.

4 Comparte y actualiza tu sitioShare and update your site

Tu URL tiene el formato nombre-de-tu-proyecto.vercel.app. Puedes compartirla con quien quieras desde ahora.

Para actualizar el sitio: solo sube cambios a GitHub (con Claude Code o desde VS Code) y Vercel los detecta y despliega en 1–2 minutos. Sin hacer nada más.

Para ver el historial de despliegues o cambiar la configuración, entra al panel de tu proyecto en https://vercel.com/dashboard.

Your URL looks like your-project-name.vercel.app. Share it with anyone right now.

To update your site: just push changes to GitHub (with Claude Code or from VS Code) and Vercel detects and deploys them in 1–2 minutes. Nothing else to do.

To see deployment history or change settings, go to your project dashboard at https://vercel.com/dashboard.

Si algo sale malIf something goes wrong
ProblemaSolución
No veo mi repositorio en la listaHaz clic en “Adjust GitHub App Permissions” y dale acceso al repositorio
El deploy falla con erroresHaz clic en “View build logs”, copia el error y pégaselo a Claude Code para que lo arregle
La página carga en blancoRevisa que el archivo principal se llame index.html, o que el framework esté bien detectado
Quiero un dominio propio en vez del .vercel.appMira la guía Conecta tu dominio propio
¿Es gratis siempre?El plan Hobby es gratis sin límite de tiempo para proyectos personales no comerciales. Confirma condiciones en https://vercel.com/pricing
ProblemFix
I can’t see my repository in the listClick “Adjust GitHub App Permissions” and grant access to the repository
The deploy fails with errorsClick “View build logs”, copy the error and paste it into Claude Code to fix it
Page loads blankCheck that the main file is named index.html, or that the framework is correctly detected
I want a custom domain instead of .vercel.appSee the Connect your own domain guide
Is it always free?The Hobby plan is free with no time limit for non-commercial personal projects. Confirm terms at https://vercel.com/pricing