Skip to content
Tornar a treballs
BODADOS 2024–present Projecte personal

Bodados — Plataforma SaaS per organitzar bodes

Early access disponible a bodados.com. En producció amb clients reals. Pipeline de contingut IA generant articles i publicacions autònomament.

Visitar BODADOS
RolCofundador Tècnic
DuradaEn curs
EquipEquip fundador
Live En producció
9 Plantilles d'invitació
40+ Taules a Neon

Repte

El mercat nupcial a Espanya mou ~4.000M EUR/any. Les parelles organitzen les bodes amb un grup de WhatsApp, tres excels i notes al mòbil. Els portals existents són directoris de proveïdors amb formularis de contacte. Cap resol el problema operatiu real.

Solució

Plataforma de coordinació amb invitacions digitals personalitzables, RSVP integrat, gestió de convidats amb seating plan visual, pressupost intel·ligent amb simulador d'escenaris, Party Cam col·laborativa i sistema de contingut autònom amb IA.

Arquitectura

Next.js 15 (App Router), Neon PostgreSQL (40+ taules), Supabase (auth + storage), Netlify, Together AI (Llama 3.3-70B + FLUX.1-schnell), Stripe, 6 workflows de GitHub Actions.

Tecnologies

  • Next.js 15
  • TypeScript
  • Tailwind CSS
  • Neon PostgreSQL
  • Supabase
  • Together AI
  • Stripe
  • GitHub Actions
  • Storybook

El problema

Les parelles no volen “gestionar la seva boda”. Volen no pensar en la logística. Però la realitat és que necessiten coordinar entre 80 i 150 persones amb dietes diferents, confirmacions pendents, taules que no quadren i un pressupost que sempre es descontrola.

La hipòtesi era simple: si li dones a la parella una sola eina ben dissenyada que centralitzi invitacions digitals, RSVP, llista de convidats i pressupost, deixen de perdre hores i comencen a gaudir de l’organització.

El producte

Invitacions digitals

El core del producte. Nou plantilles de disseny amb identitat editorial pròpia. No són variants del mateix layout: BohoSunset per a bodes a l’aire lliure, EmeraldCrest per a finques, NewYorkLuxury per a parelles cosmopolites, RetroCocktail per a les festives, RivieraDorada per a costa, VogueLuxury per al luxe en blanc i negre.

Cada plantilla accepta personalització completa: noms, data, venue, dress code, timeline d’esdeveniments, mapa integrat, foto hero amb ajust de punt focal. El timeline usa llenguatge editorial: “El Festí” en lloc de “Sopar”, “La Cerimònia” en lloc de “Cerimònia”. El to importa.

“El Festí” en lloc de “Sopar” no és un detall. És la diferència entre una invitació que sembla un formulari i una que sembla un moment especial.

— Decisió de producte, gener 2025

Les invitacions es publiquen en URLs pròpies del tipus bodados.com/la-boda-de-ana-i-jorge, amb subdomini personalitzable des del dashboard. Cada plantilla és un component React amb les seves pròpies CSS Modules, design tokens i variants. No hi ha un “theme engine” genèric: cadascuna té criteri de disseny propi.

RSVP integrat

Els convidats confirmen assistència, acompanyants, restriccions alimentàries i preguntes personalitzades directament a la invitació. Sense fricció, sense crear compte. El dashboard mostra en temps real confirmats, pendents, rebutjats, breakdown per dieta i analítica d’obertura. Recordatoris automàtics a qui no ha confirmat.

Gestió de convidats i seating plan

Llista completa amb filtres per taula, confirmació, dieta, grup familiar. Gestió d’acompanyants (+1) flexible. Seating plan visual amb drag and drop, detecció de conflictes (parelles ex, famílies que no es parlen) i exportació en PDF pel càtering.

Pressupost intel·ligent

Quatre mòduls: Cashflow (despeses reals vs pressupost per categoria), Predictiu (projecció de despesa final basada en confirmacions), What-if (simulador d’escenaris: què passa si afegeixo 20 convidats, si canvio de càterer) i Auditoria (log de tots els canvis amb timestamp).

Party Cam

Càmera col·laborativa pel dia de la boda. Els convidats escanegen un QR i pugen fotos en temps real. La parella les modera des del dashboard. Al final de l’event es genera un àlbum descarregable.

After-boda

Gestió de reviews de proveïdors, resum d’assistència final, exportació de dades pel llibre de records. Integració amb el blog per publicar la història de la boda com a contingut SEO.

Arquitectura tècnica

Decisions clau

Next.js 15 App Router va ser deliberat. Server Components per a les invitacions públiques (millor SEO, càrrega en ~1.2s en 3G sense JavaScript), Client Components només on hi ha interactivitat real. El dashboard usa Server Actions en lloc d’API REST separada: menys codi, millor DX, type safety end-to-end.

Dues bases de dades. Neon PostgreSQL per a les dades transaccionals del producte (40+ taules, queries complexes de seating i budget). Supabase per auth amb RLS natiu i storage d’imatges. No és complexitat gratuïta: cadascuna fa el que millor sap fer.

Sistema de design tokens

Design tokens en CSS custom properties amb semàntica: --color-text-primary, --color-border-subtle, --spacing-section. El sistema de tokens en variants.css permet que canvis globals (escala tipogràfica, espaiat) es propaguin a totes les plantilles sense tocar-les individualment. Storybook complet amb 9 plantilles x 6+ stories amb permutacions reals.

Sistema de contingut amb IA

Pipeline de blog autònom

Bodados genera contingut SEO de forma autònoma. El pipeline corre cada hora en GitHub Actions:

Cua a Neon, Together AI (Llama 3.3-70B), agent escriptora redacta l’article, SEO Guardian audita keywords, estructura H2 i densitat, Human Score detecta si sona a IA i reescriu si puntua baix, Editor en Cap dona veredicte: publicar, reescriure o descartar. Després upsert a Supabase blog_posts.

Els LLMs generen contingut útil si els dones briefings amb criteri editorial, no si els demanes “escriu un article sobre bodes”. El resultat no és spam de SEO: són articles que ajuden al lector.

— Aprenentatge clau sobre IA en producte

Autopilot de xarxes socials

Sistema autònom de publicació a Instagram, LinkedIn, Twitter i Pinterest. El flux d’aprovació va via Telegram: el sistema genera el post i envia una preview al bot. L’editor aprova, rebutja o demana canvis. Les imatges es generen amb FLUX.1-schnell i es compositen amb Pillow: logo, tipografia de marca, overlay de color.

SEO des de codi

El site tenia zero presència a Google al llançar. Audit complet: metadata única per ruta amb generateMetadata(), JSON-LD estructurat, blog amb filtratge funcional per categoria amb URLs indexables, sitemap dinàmic amb posts generats i landing pages per destí.

Operacions

CI/CD amb 6 workflows actius en GitHub Actions: generació de blog cada hora, backup de Supabase cada 12h, generació de posts socials els dilluns a les 9am, escaneig reactiu de feeds cada 6h.

Dashboard de salut del sistema, audit log de totes les accions d’usuari, RLS a Supabase, webhooks amb validació de signatura, magic links sense contrasenyes emmagatzemades.

El que vaig aprendre

Sobre producte: Les parelles volen no pensar en la logística. El llenguatge importa tant com la funcionalitat.

Sobre arquitectura: Dues bases de dades no és complexitat innecessària si cadascuna resol un problema diferent bé. La complexitat innecessària és tenir una base de dades que fa tot malament.

Sobre IA en producte: Un pipeline d’agents (escriptor, SEO, human score, editor) produeix resultats publicables perquè cada agent té un rol acotat, no perquè el LLM sigui màgic.

Sobre automatització: Un sistema que genera posts, els envia a Telegram per aprovació i els publica automàticament no és una joguina. És un avantatge competitiu. Un fundador sol no pot publicar consistentment. Un sistema sí.