← Formación

Manual de primeros pasos · 30–45 min · nivel: cero

Tus cuentas, paso a paso y sin saber nada de tecnología.

Este manual está escrito para alguien que jamás ha creado una cuenta "rara" en internet. Vamos a crear dos (GitHub y Vercel, las dos gratis), y a darnos permiso para trabajar en tu web. Cada click está anotado. No puedes romper nada: como mucho, cierras la ventana y vuelves a empezar donde lo dejaste.

Antes de empezar, ten a mano: ① tu email (uno que leas a diario) abierto en otra pestaña o en el móvil · ② papel y boli (o el móvil) para apuntar usuario y contraseñas · ③ 30–45 minutos sin prisa. Todo saldrá en inglés: no te asustes — cada botón que hay que pulsar está aquí traducido, con este aspecto: Sign up = Registrarse.

Índice

💡 ¿Qué son estas cuentas? Piénsalo así: GitHub es la caja fuerte donde vive el código de tu web (guarda cada versión, para siempre). Vercel es el escaparate que la enseña a internet. Las dos cuentas son TUYAS — como el dominio — y por eso las creas tú con tu email: para que tu web te pertenezca de verdad desde el primer día.

Parte 1 · Crear tu cuenta de GitHub

  1. Abre tu navegador (Chrome, Safari, Edge… el que uses) y escribe en la barra de arriba: github.com — y pulsa Enter.
  2. Arriba a la derecha verás un botón blanco: Sign up (significa "Registrarse"). Púlsalo. Ojo: NO pulses Sign in, que es "iniciar sesión" y es para quien ya tiene cuenta. Atajo: en el centro de la portada también puedes escribir tu email en la casilla grande y pulsar el botón verde Sign up for GitHub — es exactamente lo mismo.
  3. Tu email: en la casilla Enter your email escribe tu email de cada día, sin errores (revísalo dos veces: aquí llegará todo). Pulsa Continue (Continuar).
  4. Tu contraseña: en Create a password inventa una contraseña nueva (no la de tu email). Truco fácil y seguro: tres palabras y un número, por ejemplo "tortilla-verano-2026". Apúntala ahora en tu papel. Pulsa Continue.
  5. Tu nombre de usuario: en Enter a username escribe un nombre corto, sin espacios ni acentos: vale el de tu negocio ("reformasgarcia", "clinicasol"). Si sale un aviso rojo es que está cogido: añade tu ciudad o un número ("reformasgarcia-madrid"). Apúntalo también. Pulsa Continue.
  6. Si pregunta tu país (Your Country/Region), elige Spain y pulsa Continue.
  7. El puzle anti-robots: te pedirá resolver un pequeño juego visual (girar una imagen, elegir una figura…) para demostrar que eres humano. Hazlo con calma; si fallas, te deja repetir. Después pulsa Create account (Crear cuenta).
  8. El código de tu email: GitHub te ha enviado un correo con un código de 8 letras/números (lo llaman "launch code"). Ve a tu email SIN cerrar la pestaña de GitHub (ábrelo en el móvil o en otra pestaña), busca el correo de GitHub y copia el código en las casillas. ¿No llega? Mira la carpeta de spam y espera 2 minutos.
  9. Puede que ahora te haga preguntas tipo "¿para qué usarás GitHub?": busca la opción Skip o Skip personalization (Saltar) — no hace falta responder nada. Si pregunta por el plan, elige Free (Gratis). No metas ninguna tarjeta: GitHub es gratis para esto.
Portada real de github.com: botón Sign up arriba a la derecha y casilla Enter your email con el botón verde Sign up for GitHub
Así se ve La portada real de github.com: el botón Sign up arriba a la derecha, y en el centro la casilla Enter your email con el botón verde Sign up for GitHub. Cualquiera de los dos caminos vale.
Sabes que has terminado la Parte 1 cuando… ves la pantalla principal de GitHub con tu nombre de usuario arriba a la derecha (un círculo pequeño con tu avatar). Ya tienes tu caja fuerte.

Parte 2 · Crear tu cuenta de Vercel

Buena noticia: esta es más corta, porque Vercel se conecta con la cuenta de GitHub que acabas de crear — así solo tienes UNA contraseña que recordar.

  1. En el navegador, ve a vercel.com/signup (o entra en vercel.com y pulsa Sign Up, arriba a la derecha).
  2. Verás una lista de botones "Continue with…" (mira la captura de abajo). Pulsa Continue with GitHub (Continuar con GitHub). No uses las otras opciones (Google, Apple, email…): queremos que Vercel y GitHub queden conectadas entre sí.
  3. Se abrirá una ventana de GitHub pidiendo permiso: pulsa el botón verde Authorize Vercel (Autorizar a Vercel). Si antes te pide iniciar sesión en GitHub, usa el usuario y la contraseña que apuntaste en la Parte 1.
  4. Si después te pregunta por el tipo de plan o de uso, elige Hobby — la opción que menciona I'm working on personal projects ("trabajo en proyectos personales"). Es la gratuita. Si te pide un nombre, pon el tuyo o el del negocio.
  5. Puede que Vercel te pida verificar un teléfono móvil (les sirve para evitar cuentas falsas): pon tu número, te llega un SMS con un código, lo escribes y listo. No te cobrarán nada.
Pantalla real de registro de Vercel con los botones Continue with Google, GitHub, ChatGPT y Apple
Así se ve La pantalla real de registro de Vercel: de todos los botones, pulsa Continue with GitHub (el segundo).
Sabes que has terminado la Parte 2 cuando… ves el panel de Vercel (una pantalla oscura que dice algo como Overview y tu nombre). No toques nada más ahí: el resto lo haremos juntos.

Parte 3 · Aceptar nuestra invitación de colaborador

Cuando nos digas tu nombre de usuario de GitHub (Parte 5), te enviaremos una invitación de colaborador. Ser colaborador significa que podemos trabajar en el código de TU web — y solo en eso: no vemos tu contraseña, ni tu correo, ni podemos quitarte nada. Es como darle al fontanero la llave del cuarto de calderas, no la de tu casa. Y esa llave se la quitas tú cuando quieras.

  1. Te llegará un correo de GitHub con un asunto parecido a: "avanza… invited you to collaborate" ("…te ha invitado a colaborar"). Ábrelo.
  2. Pulsa el botón verde Accept invitation (Aceptar invitación). Se abrirá GitHub; si te pide iniciar sesión, usa tu usuario y la contraseña que apuntaste.
  3. Verás una página con el nombre de tu proyecto. Ya está: no tienes que hacer nada más ahí dentro.
🔒 Para tu tranquilidad — cómo echarnos (esperamos que nunca 🙂): en GitHub, entra en tu proyecto → pestaña Settings (Ajustes) → Collaborators (Colaboradores) → botón Remove (Quitar) junto a nuestro nombre. Tu web sigue funcionando exactamente igual; solo dejamos de poder actualizarla. Esa es tu garantía de que la web es tuya.

Parte 4 · Lo que haremos JUNTOS en la videollamada (gratis)

Lo que queda no lo hagas solo: es la videollamada de 15 minutos incluida en tu proyecto. La hacemos contigo compartiendo pantalla, y consiste en: conectar Vercel con tu proyecto de GitHub (botones Add New…ProjectImportDeploy) y conectar tu dominio (SettingsDomains). Está explicado con detalle en el capítulo 3 del manual general, por si te pica la curiosidad — pero en la llamada te lo damos mascado.

Parte 5 · Apunta tus datos y avísanos

Rellena esto en tu papel (o en una nota del móvil) y guárdalo donde guardes las cosas importantes:

Y ahora sí: escribe un email a info@avanzainformatica.es con tu nombre de usuario de GitHub y la palabra LISTO. Con eso te enviamos la invitación (Parte 3) y agendamos la videollamada (Parte 4).

Si algo se tuerce (le pasa a todo el mundo)

No me llega el código / el correo de GitHub

1) Mira la carpeta de spam o "correo no deseado". 2) Espera 2–3 minutos: a veces tarda. 3) En la pantalla de GitHub suele haber un enlace Resend code (reenviar código): púlsalo. 4) Comprueba que escribiste bien tu email (errores de una letra son el 90 % de los casos).

Dice que mi nombre de usuario ya existe

Normal: hay millones de usuarios. Añade tu ciudad, tu sector o un número: "reformasgarcia" → "reformasgarcia-madrid" o "reformasgarcia2026". El nombre de usuario no sale en tu web: no le des muchas vueltas.

He cerrado la ventana a mitad / se me ha ido internet

No pasa nada, de verdad. Vuelve a entrar en github.com o vercel.com. Si la cuenta llegó a crearse, pulsa Sign in (iniciar sesión) con tu email y contraseña; si no, empieza el registro de nuevo. Nada se rompe.

He olvidado la contraseña que puse

En la pantalla de inicio de sesión pulsa Forgot password? (¿olvidaste la contraseña?): te llega un correo para poner una nueva. Por eso el email de la cuenta debe ser uno que leas.

Me sale todo en inglés y me pierdo

Truco: en Chrome y Edge, haz click derecho en cualquier parte de la página y elige "Traducir al español". La página entera se traduce. (Los botones de este manual están ya traducidos igualmente.)

Me pide verificación en dos pasos (2FA) con el móvil

Si te lo ofrece, acéptalo: es una capa extra de seguridad (un código en el móvil además de la contraseña). Sigue sus pasos con la app que te sugiera o por SMS. Si te lía, déjalo para la videollamada y lo activamos juntos.

No me aclaro con el puzle anti-robots

Respira 🙂 Puedes pulsar el icono de audio para una alternativa sonora, o recargar para que te dé otro juego. Se puede intentar tantas veces como haga falta.

Nada de esto me funciona

Escríbenos a info@avanzainformatica.es contando en qué paso te has quedado (mejor con una foto de la pantalla) y te decimos el siguiente click exacto.

Diccionario de botones inglés → español

Verás…Significa…
Sign upRegistrarse (crear cuenta nueva)
Sign in / Log inIniciar sesión (entrar con una cuenta que ya existe)
ContinueContinuar
Create accountCrear la cuenta
Username / PasswordNombre de usuario / Contraseña
Free / HobbyEl plan gratuito (el que quieres)
SkipSaltar (cuando pregunta cosas opcionales)
Continue with GitHubEntrar usando tu cuenta de GitHub
Authorize VercelDar permiso a Vercel para conectarse con GitHub
Accept invitationAceptar nuestra invitación de colaborador
SettingsCollaboratorsRemoveAjustes → Colaboradores → Quitar (para retirarnos el acceso)
Forgot password?¿Olvidaste la contraseña? (para recuperarla)
Resend codeReenviar el código al email
¿Aún no eres cliente y has llegado hasta aquí? Así de claro te lo vamos a explicar todo. Cuéntanos tu proyecto y te damos precio cerrado con IVA incluido.
Presenta tu proyecto →

Relacionado: Caso A completo en el manual general → · Tu dominio: qué es y cómo no perderlo →