Invitaciones Digitales is a Next.js 16 static-export platform that creates beautiful, fully animated digital invitations for Spanish-language celebrations. Each invitation is a standalone, personalized web experience — complete with photo galleries, countdown timers, RSVP sections, background music, and interactive maps — deployed and publicly accessible at invitaciones.unaideamas.com.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/gus-16710/invitations/llms.txt
Use this file to discover all available pages before exploring further.
The Problem It Solves
Traditional paper invitations are expensive to print, impossible to update after distribution, and offer no interactivity. Invitaciones Digitales replaces them with rich, mobile-first web experiences that guests open instantly on any device. Couples, families, and schools get a shareable URL instead of an envelope — one that can include embedded video, animated countdowns, gift registries, and a live Google Maps pin, all without any app download.Event Categories
The platform organizes invitations into five event categories, each with its own URL namespace under the root domain.Bodas — Weddings
Wedding invitations at
/bodas/[couple]/. Includes ceremony and reception
details, dress code, gift registry, and a full photo gallery for the couple.Quinceañeras — Quinces
Quinceañera invitations at
/quinces/[name]/. Features godparent listings,
animated presentations, gallery carousels, and RSVP confirmations.Bautizos — Baptisms
Baptism invitations at
/bautizos/[name]/. Covers ceremony venue, godparents,
and celebration reception details in a soft, celebratory layout.Escolar — Graduations
School graduation invitations at
/escolar/[name]/. Supports kindergartens,
primary schools, secondary schools, and high schools. A parallel
/escolar-2026/ namespace covers upcoming 2026 ceremonies.Festejos — Celebrations
General celebration invitations at
/festejos/[name]/. Suitable for
birthdays, first communions, anniversaries, and other milestone events.Technology Stack
Invitaciones Digitales is built on a carefully chosen set of libraries that handle animation, media display, UI, and smooth scrolling.| Library | Version | Purpose |
|---|---|---|
| Next.js | 16.2.6 | App Router, static export |
| React | 19.x | Component model |
| Framer Motion | 12.x | Section entrance animations |
| Swiper | 12.x | Touch-friendly slide carousels |
| @splidejs/react-splide | 0.7.x | Alternative carousel/slider |
| react-photo-album | 3.x | Responsive photo grid layouts |
| yet-another-react-lightbox | 3.x | Full-screen image lightbox |
| react-spring-lightbox | 1.x | Spring-animated image lightbox |
| NextUI | 2.x | Accessible UI components |
| Flowbite / flowbite-react | 4.x / 0.12.x | Additional UI elements |
| Tailwind CSS | 3.x | Utility-first styling |
| Lenis | 1.x | Smooth scroll behavior |
| react-canvas-confetti | 2.x | Celebratory confetti effects |
| @number-flow/react | 0.6.x | Animated number counters |
| react-player | 2.x | Embedded video playback |
| react-icons | 5.x | Icon library |
| styled-components | 6.x | CSS-in-JS component styling |
How It Works
Every invitation follows the same three-layer pattern:-
Route — Each invitation is a dedicated Next.js App Router route under its category, for example
src/app/quinces/daniela/. The route’spage.tsxrenders a single root component (<Main />), which composes all invitation sections in order. -
Components — Each invitation ships its own
components/folder containing isolated section files (Header.tsx,Ceremony.tsx,Gallery.tsx,Confirm.tsx, etc.), a sharedAnimations.tsfile with Framer Motion variants, and aFonts.tsfile for per-invitationnext/fontconfigurations. -
Assets — Images, audio files, and other media for each invitation are stored in
public/img/[category]/[name]/. For example, all photos fordanielalive inpublic/img/quinces/daniela/. Background music tracks are stored inpublic/media/. Custom decorative fonts shared across invitations are placed inpublic/fonts/.
out/ directory. The result is a zero-server deployment that can be hosted on any static CDN.
All routes in this application produce static HTML at build time. There is no
server-side data fetching, no API routes, and no runtime Node.js process.
Invitation content (dates, names, venues, images) is hardcoded directly into
each route’s component files. Updates require a new build and redeployment.