Cómo tener tu propia web de predicciones del Mundial 2026
Te paso el repositorio completo de la web que viste en el video. Con esta guía la pones online — en la nube, gratis y con tu propia dirección — sin saber programar y sin instalar nada en tu computadora. Solo necesitas un navegador.
Qué vas a tener al final
Tu propia copia de la web de predicciones, funcionando en internet con tu propio enlace (algo como tu-nombre-mundial.vercel.app). Podrás verla tú y compartirla con quien quieras.
- Probabilidades de cada partido (gana, empata, pierde)
- Goles esperados y marcadores más probables
- Doble oportunidad y hándicap
- Quién tiene más opciones de ser campeón
- Dónde el modelo encuentra valor frente a las casas
- Botón que genera el análisis para pegar en Claude
Importante: es 100% gratis. Ni GitHub ni Vercel te cobran por esto, y la web funciona sin pagar ninguna mensualidad.
Qué necesitas antes de empezar
- Una cuenta de GitHub (gratis) — donde se guarda el código
- Una cuenta de Vercel (gratis) — donde la web vive online
- Unos 10 minutos
No necesitas instalar nada ni saber programar. Todo se hace desde el navegador.
El repositorio del proyecto está en GitHub: github.com/gabrielmendozaa2007-sys/predicciones-mundial. Es de código abierto, puedes verlo y copiarlo libremente.
Cómo ponerla online, paso a paso
Paso 1 — Haz tu propia copia del repositorio (Fork)
Entra al repositorio: github.com/gabrielmendozaa2007-sys/predicciones-mundial
Si no tienes cuenta de GitHub, créala primero (es gratis). Luego, arriba a la derecha, haz clic en el botón Fork. Eso crea una copia del proyecto en tu propia cuenta. Confirma y espera unos segundos.
Paso 2 — Crea tu cuenta en Vercel e importa el proyecto
Entra a vercel.com y regístrate con tu cuenta de GitHub (es el botón más fácil). Una vez dentro, haz clic en Add New → Project.
Verás la lista de tus repositorios. Busca predicciones-mundial y haz clic en Import.
Paso 3 — Verifica que diga “Next.js” (paso clave)
Antes de nada, fíjate en la opción Application Preset (o “Framework Preset”). Debe decir “Next.js”, como en la imagen.
Vercel normalmente lo detecta solo. Pero si por algún motivo dice “Other”, cámbialo a Next.js. Este es el error más común y es justo lo que hace que la web salga en blanco o con un error 404.
Paso 4 — (Opcional) Activa los resultados en vivo
La web funciona perfecta sin esto. Pero si quieres que se actualice sola con los resultados reales del Mundial, necesitas una clave gratuita:
- Entra a football-data.org/client/register y regístrate (gratis). Te llega una clave (token) por correo.
- En Vercel, en la misma pantalla, abre Environment Variables y añade:
- En Key (Nombre):
FOOTBALL_DATA_TOKEN - En Value (Valor): la clave que te llegó por correo
Paso 5 — Despliega y abre tu web (opcional)
Este último paso es opcional: solo hazlo si quieres tener la web online con tu propio enlace para compartirla. Si solo querías el código para verlo o trastearlo, puedes parar aquí.
Si quieres publicarla: haz clic en Deploy y espera 1-2 minutos. Cuando termine, Vercel te da un enlace público (algo como predicciones-mundial.vercel.app). Ábrelo y ya está: tu propia web de predicciones, online y para siempre.
¿No quieres publicarla? No hay problema. Con tu copia del repositorio (paso 1) ya tienes todo el proyecto. Desplegar en la nube es solo para quienes quieren la web online y accesible desde cualquier lado.
Cómo usar el análisis con Claude
Dentro de cada partido hay un botón que genera un informe con todos los datos estadísticos. Lo copias, lo pegas en Claude (con la búsqueda web activada) y la inteligencia artificial añade lo que los números no ven.
Entras a un partido → pulsas “Copiar prompt” → lo pegas en claude.ai → Claude busca lesiones, alineaciones, sanciones e historial, y te dice si el contexto confirma o contradice los números.
Recuerda: esto es informativo y de entretenimiento, no es asesoría de apuestas. El modelo acierta bien los favoritos, pero el fútbol siempre tiene sorpresas — un 45% de cada partido es puro azar.
Si la web no carga o sale un error 404
Es el problema más común y se arregla en un minuto:
- En Vercel, ve a Settings → Build and Deployment
- En Framework Preset, asegúrate de que diga Next.js (no “Other”)
- Guarda con Save, luego ve a Deployments → menú ⋯ → Redeploy
- Si los resultados no se actualizan solos, revisa que añadiste la variable
FOOTBALL_DATA_TOKEN(paso 4)
La web está hecha con datos reales: casi 50.000 partidos históricos de selecciones, ratings Elo y simulaciones de 10.000 partidos. El código es abierto, puedes revisarlo y modificarlo a tu gusto.