Cómo montar una web de boda con IA: guía completa (Lovable, Claude Code, Vercel y bases de datos)

Montar una web de boda con inteligencia artificial es hoy perfectamente viable, y además es un proyecto muy agradecido: escribís lo que queréis en lenguaje natural y en unos minutos tenéis una portada con vuestros nombres, la fecha y un diseño decente. Si os gusta la tecnología, es una de esas tareas de la boda que se disfrutan.

Esta guía recorre el camino completo, del prompt inicial a la web publicada con las confirmaciones de asistencia guardadas: qué herramienta elegir, cómo pedirle las cosas, dónde alojarla, qué base de datos usar, cómo enviar los avisos por correo y qué hay que tener en cuenta en privacidad. Al final encontraréis una comparativa de tiempo y coste para decidir con criterio si preferís montarla vosotros o usar algo ya hecho.

Antes de abrir ninguna herramienta: definid el alcance

La IA construye rápido lo que le pidáis con claridad, y da vueltas cuando el objetivo es difuso. Dedicad quince minutos a escribir en un documento:

• Secciones: portada, cuenta atrás, historia, día de la boda, lugar, alojamiento, confirmación de asistencia, lista de regalos.
• Datos exactos: fecha y hora, direcciones, enlaces de mapas, hoteles con precios, paradas de autobús.
• Qué queréis preguntar en el formulario: nombre, acompañantes, alergias, autobús, canción que no puede faltar.
• Estilo: dos o tres referencias visuales y una paleta (por ejemplo verde salvia y crema).
• Idiomas: si tenéis invitados fuera de España, decidid ya si habrá versión en inglés.

Ese documento es vuestro pliego de condiciones y también el mejor prompt: pegarlo entero funciona mucho mejor que pedir "hazme una web de boda bonita".

Paso 1: elegir la herramienta de IA

Hay tres familias, y la diferencia real está en cuánto código queréis ver.

Constructores con IA en el navegador

• Lovable: describís la web por chat y genera una aplicación real con vista previa en vivo, base de datos integrada y publicación en un clic. Es la puerta de entrada más cómoda si no habéis programado nunca.
• v0 de Vercel: excelente generando pantallas y componentes con muy buen gusto visual; encaja bien si luego montáis vosotros el proyecto completo.
• Bolt y Replit: os dan proyecto, editor y despliegue en la misma pestaña, con un enfoque algo más técnico.

Agentes que programan en vuestro ordenador

• Claude Code: un agente en la terminal que crea y edita los archivos del proyecto y ejecuta comandos. Es la opción más potente y la que da más control, siempre que os manejéis con terminal, Node.js y Git.
• Cursor y Windsurf: editores con IA integrada, ideales para iterar sobre el código con contexto de todo el proyecto.
• GitHub Copilot y Gemini Code Assist: autocompletado y refactor asistido; suman sobre un proyecto que ya existe.

Constructores clásicos con asistente de IA

WordPress con un tema de bodas, Wix ADI, Squarespace Blueprint o Framer parten de plantillas y añaden IA para textos e imágenes. Menos flexibles en lo visual, pero traen resuelto el alojamiento y los formularios.

Elegid por el punto de partida, no por la potencia máxima: quien nunca ha usado una terminal avanza más rápido en el navegador; quien ya programa irá más lejos con un agente local.

Paso 2: prompts que dan buen resultado

Tres hábitos marcan la diferencia entre una web mediocre y una web que parece de estudio de diseño:

1. Pedid una sección a la vez. "Crea la sección Día de la boda con una línea temporal vertical de seis momentos, iconos sobrios y fondo crema" da mejor resultado que pedir la web entera de golpe.
2. Dad el contenido real desde el principio. La IA maqueta muy distinto con vuestros textos y horarios que con relleno tipo Lorem ipsum.
3. Fijad el sistema de diseño una vez: tipografías, paleta, radios de las esquinas y espaciado. Luego pedid que todo lo nuevo lo respete.

Y revisad siempre el móvil: la mayoría de vuestros invitados abrirán el enlace desde WhatsApp, en pantalla pequeña y con una mano.

Paso 3: publicar la web

El proyecto en vuestro ordenador no lo ve nadie. Necesitáis un alojamiento que compile el código y lo sirva en internet:

• Vercel: el estándar para proyectos React o Next.js. Conectáis el repositorio de GitHub y cada cambio se publica automáticamente, con vista previa por rama. Plan gratuito muy razonable para una web de boda.
• Netlify: muy similar, con formularios propios que pueden ahorraros parte del trabajo de backend.
• Cloudflare Pages: rápido y muy generoso en tráfico; sus funciones se ejecutan en un entorno algo más restringido.
• Render o Fly.io: si preferís un servidor tradicional siempre encendido.

El flujo real es: cuenta de GitHub, repositorio con el proyecto, importarlo en el alojamiento, configurar las variables de entorno y aprender a leer el registro del despliegue cuando algo falla. La primera vez lleva su tarde; la segunda son diez minutos.

Paso 4: la base de datos para la confirmación de asistencia

Aquí es donde una web bonita se convierte en una web útil. Cuando un invitado envía el formulario, la respuesta tiene que guardarse en algún sitio al que solo podáis acceder vosotros.

• Supabase: PostgreSQL gestionado con API automática, autenticación y panel de tablas. Es la opción más habitual con proyectos generados por IA. Tendréis que crear la tabla, activar las políticas de seguridad (RLS) para que se pueda insertar pero no leer públicamente, y guardar las claves como variables de entorno.
• Neon y PlanetScale: bases de datos serverless muy rápidas de aprovisionar; escribís vosotros la capa de acceso a datos.
• Firebase Firestore: arranque muy ágil y avisos en tiempo real, con su propio modelo de reglas de seguridad.
• Airtable o Google Sheets vía API: cómodo porque veis las respuestas como una hoja de cálculo. Vigilad los duplicados y los límites de la API.
• Formularios gestionados (Tally, Formspree, Netlify Forms): la vía más corta si no queréis base de datos, a cambio de un formulario menos integrado con el diseño.

Una tabla mínima para las confirmaciones suele tener: identificador, nombre, correo o teléfono, si asiste, número de acompañantes, alergias, si necesita autobús y parada, comentarios y fecha de envío. Añadid también validación de campos, control de envíos duplicados y una protección antispam (Turnstile de Cloudflare o hCaptcha), porque un formulario público sin protección acaba recibiendo basura.

Además necesitaréis una pantalla privada para consultar las respuestas y exportarlas a CSV: el catering os pedirá el recuento final y las alergias en una lista, no en una base de datos.

Paso 5: dominio, correos y detalles finales

1. Dominio: entre 10 y 15 € al año, más la configuración de DNS para apuntarlo al alojamiento. Algo tipo nombreynombre.com se comparte mucho mejor que una URL larga de pruebas.
2. Correos automáticos: Resend, Postmark o SendGrid para avisaros de cada confirmación y mandar un acuse al invitado. Requiere verificar el dominio con registros SPF y DKIM para no caer en spam.
3. Imágenes: convertidlas a WebP y ajustad tamaños. Una galería sin optimizar puede tardar varios segundos en cargar con cobertura justa.
4. Metadatos: título, descripción y imagen de previsualización, para que el enlace se vea bonito al compartirlo por WhatsApp.
5. Privacidad: estáis recogiendo datos personales, y las alergias son datos de salud. Necesitáis aviso legal, política de privacidad y una casilla de consentimiento conformes al RGPD.
6. Copias de seguridad y mantenimiento: exportad las respuestas de vez en cuando y revisad las dependencias, sobre todo si pasan semanas sin tocar el proyecto.

Qué cuesta de verdad: tiempo y dinero

Con experiencia previa en desarrollo, una web de boda completa con IA sale en un fin de semana largo. Sin experiencia, lo habitual son entre 15 y 30 horas repartidas en varias semanas, más tres o cuatro cuentas nuevas (repositorio, alojamiento, base de datos, correo) y algún plan de pago si la herramienta de IA se queda corta en mensajes.

• Dominio: 10–15 € al año.
• Alojamiento: 0 € en el plan gratuito, 20 € al mes si necesitáis más.
• Base de datos: 0 € al principio; los planes gratuitos a veces pausan la base si no hay actividad.
• Envío de correos: 0 € en volúmenes pequeños.
• Herramienta de IA: entre 0 y 25 € al mes según cuánto iteréis.

La parte que no aparece en la factura es la mental: cada cambio de última hora (una hora de autobús, un hotel nuevo) implica volver al editor, desplegar y comprobar que nada se ha roto, justo en las semanas con más cosas encima.

Errores frecuentes al hacerlo con IA

• Dejar el formulario guardando en el navegador y no en una base de datos: las respuestas se pierden.
• Publicar claves privadas en el código del cliente; van siempre en variables de entorno del servidor.
• Olvidar las políticas de seguridad de la base de datos y dejar la lista de invitados accesible.
• Probar solo en escritorio y descubrir el domingo que en móvil el menú tapa la cuenta atrás.
• No enviar un correo de confirmación: los invitados dudan si su respuesta llegó y os escriben por WhatsApp igualmente.

Cuándo merece la pena, y cuándo no

Si programáis, o si os apetece aprender y tenéis meses de margen, hacedla con IA: aprenderéis mucho, tendréis control total del diseño y quedará una web que es solo vuestra. Es un proyecto bonito y totalmente al alcance.

Si vais con el tiempo justo, o si la boda ya os está ocupando todos los huecos libres, quizá no queráis que la web sea otro frente abierto. En ese caso, tiene más sentido partir de algo que ya tiene resuelto lo aburrido.

La alternativa directa: webdeboda.es

Nosotros hicimos todo ese recorrido una vez, con cuidado, para que vosotros podáis saltároslo. Elegís un diseño, escribís vuestros textos, subís vuestras fotos y la web queda publicada, con la confirmación de asistencia guardada de forma segura y un panel donde veis las respuestas ordenadas y exportables.

• Sin repositorios, despliegues ni variables de entorno.
• Confirmación de asistencia incluida: acompañantes, alergias, autobús y exportación para el catering.
• Alojamiento, base de datos, dominio, correos, copias de seguridad y RGPD ya resueltos.
• Editable en cualquier momento: si cambia una hora, lo cambiáis en un minuto desde el móvil.
• Se crea gratis y podéis modificarla sin compromiso antes de decidir si la publicáis.

Y hay algo que no encontraréis en ninguna otra herramienta: webdeboda.es es una empresa social, así que todo nuestro beneficio se destina a acciones benéficas de familia e infancia. Vuestra web ayuda también a alguien más.

Las dos vías son buenas. La pregunta no es cuál es más moderna, sino cuánto de vuestro tiempo antes de la boda queréis dedicar a esto.