💍 Wedding Config Builder

Configurá tu invitación de boda en minutos

Paso 1 de 9

La Pareja

Los datos básicos de los novios.

Este idioma se guarda en site.language y define el idioma final del sitio.

Tema visual

Elegí la estética general de tu invitación. Solo cambia estilo visual: colores, tipografías y ornamentos.


Así aparecerá en la portada y el footer.

Paso 2 de 9

Pantalla de bienvenida

La primera pantalla que verán los invitados al abrir la invitación.

bg.jpg

Subí a esta carpeta el archivo que seleccionaste en el Config Builder.

Preview portada
¡Nos casamos!
Julieta & Lucio
21 de Junio de 2026
Córdoba, Argentina

Paso 3 de 9

Ceremonias y Fiesta

Los detalles de los eventos. Podés activar o desactivar cada uno.

Mostramos una opción por huso horario (UTC) con una región/ciudad de referencia.


Ceremonia Religiosa

Ceremonia Civil

Fiesta / Celebración

Debés habilitar al menos un evento para continuar. En la página generada, la descarga para Google Calendar, Outlook o iOS va a crear 1, 2 o 3 archivos según cuántos eventos tengas habilitados.

Paso 4 de 9

Nuestra Historia

Contá la historia de la pareja con texto y hasta 4 fotos.

Mostrar sección

Fotos (1–4)

La primera foto es obligatoria. Las otras son opcionales. Seleccioná tus fotos para establecer los nombres de archivo. Después subí las fotos a la carpeta public/media/couple/ en tu repositorio con esos mismos nombres.

01.jpg
Preview en vivo
Nosotros
Nuestra historia
01.jpg
Hace 5 años cruzamos miradas por primera vez en aquel viaje, y desde ese día supimos que queríamos caminar juntos para siempre.

Paso 5 de 9

Regalos y Dress Code

Datos bancarios y código de vestimenta.

Mostrar sección Regalos
Mostrar datos bancarios

Mostrar sección Dress Code
Mostrar aviso colores novia

Paso 6 de 9

Confirmación de asistencia

Configurá cómo los invitados confirman.

Mostrar sección
Mostrar botón con link de confirmación

Paso 7 de 9

Extras

Redes sociales, playlist e info útil.

Mostrar sección Redes Sociales

Mostrar sección Playlist

Mostrar sección Info Útil

Cards de Info Útil

Para cambiar el ícono, buscá en Lucide Icons y copiá el nombre. Asegurate de anteponerle "lucide:". Ejemplo: si el ícono se llama "camera", escribí lucide:camera.

Ver íconos

Paso 8 de 9

Imagen para compartir

Configurá cómo se va a ver el link de tu invitación cuando lo compartas por WhatsApp u otras redes.

También será el nombre de la pestaña en el navegador.

og.jpg

Subí a esta carpeta el archivo que seleccionaste en el Config Builder. Tamaño recomendado: 1200×630px.

Sin imagen seleccionada
Nuestra Boda | Juli & Lucio
Estás invitado a celebrar con nosotros este momento tan especial.
tuusuario.github.io/tu-repo

Paso 9 de 9

¡Listo! Tu configuración

Descargá el archivo y seguí las instrucciones.

📋 Instrucciones para publicar tu invitación

  1. Si todavía no creaste tu repo, andá al repositorio template y hacé click en "Use this template""Create a new repository".
  2. En tu nuevo repo, andá a Settings → Pages y en "Source" elegí "GitHub Actions".
  3. Navegá a src/data/ → click en wedding.yml → click en el lápiz ✏️ → Seleccioná todo (Ctrl+A) → Pegá tu YAML → "Commit changes".
  4. Subí tus fotos arrastrándolas a las carpetas correspondientes en GitHub:
    • Foto de bienvenida: subí el archivo que seleccionaste en el Config Builder a public/media/hero/
    • Fotos de historia: subí tus fotos con los nombres indicados a public/media/couple/
    • Imagen para redes: subí el archivo que seleccionaste en el Config Builder a public/media/og/
  5. ¡Listo! GitHub Actions va a buildear y publicar tu sitio en unos minutos en https://TU_USUARIO.github.io/TU_REPO/ 🎉
    Nota: la URL final se forma con tu usuario y el nombre que le pusiste al repositorio. El nombre para mostrar de la pareja no cambia esa URL.