How wooseokj/wedding_invitation works
This is a TanStack Start wedding-invitation site. Guests open the invitation page to view the couple’s introduction, ceremony date, venue, photos, meal and account details, then can submit or browse guestbook messages and save the date. The page composes these sections from shared wedding content; the calendar helper supplies countdown and calendar-export behavior. Guestbook persistence uses Supabase. The graph follows documented imports and sampled calls; unsampled sections and server wiring are included only where the index supports them, so uncertain connections are omitted.
Main entry points: index.tsx Invitation page · wedding.ts Wedding content · Venue.tsx Venue and transit · WeddingCalendar.tsx Wedding calendar
Components 25
Invitation experience
- Couple introduction
src/components/CoupleIntroduction.tsx - Hero section
src/components/Hero.tsx - Venue and transit
src/components/Venue.tsx - Photo gallery
src/components/Gallery.tsx - Meal guide
src/components/MealGuide.tsx - Gift accounts
src/components/Accounts.tsx - Wedding calendar
src/components/WeddingCalendar.tsx - Invitation framing
src/components/InviteHeader.tsx
Guestbook service
- Guestbook and RSVP
src/components/Guestbook.tsx - Supabase client
src/integrations/supabase/client.ts - Preview auth storage
src/integrations/supabase/previewAuthStorage.ts - Supabase guestbook
Shared content and behavior
- Wedding content
src/lib/wedding.ts - Calendar utilities
src/lib/ics.ts - Scroll reveal
src/components/Reveal.tsx
App and UI platform
- Invitation page
src/routes/index.tsx - UI primitives
src/components/ui/button.tsx - Calendar control
src/components/ui/calendar.tsx - Carousel control
src/components/ui/carousel.tsx - Dialog control
src/components/ui/dialog.tsx - Sheet control
src/components/ui/sheet.tsx - App root
src/routes/__root.tsx - Router setup
src/router.tsx - Route tree
src/routeTree.gen.ts
Other components
- Wedding guest
Connections 35
- Wedding guest → Invitation page: opens
- Invitation page → Couple introduction: renders
src/routes/index.tsx - Invitation page → Hero section: renders
src/routes/index.tsx - Invitation page → Venue and transit: renders
src/routes/index.tsx - Invitation page → Photo gallery: renders
src/routes/index.tsx - Invitation page → Meal guide: renders
src/routes/index.tsx - Invitation page → Gift accounts: renders
src/routes/index.tsx - Invitation page → Wedding calendar: renders
src/routes/index.tsx - Invitation page → Guestbook and RSVP: renders
src/routes/index.tsx - Invitation page → Invitation framing: renders
src/routes/index.tsx - Invitation page → Wedding content: reads
src/routes/index.tsx - Couple introduction → Wedding content: reads
src/components/CoupleIntroduction.tsx - Hero section → Wedding content: reads
src/components/Hero.tsx - Venue and transit → Wedding content: reads
src/components/Venue.tsx - Venue and transit → Carousel control: uses
src/components/Venue.tsx - Venue and transit → Dialog control: uses
src/components/Venue.tsx - Photo gallery → Dialog control: uses
src/components/Gallery.tsx - Meal guide → Wedding content: reads
src/components/MealGuide.tsx - Gift accounts → Wedding content: reads
src/components/Accounts.tsx - Wedding calendar → Wedding content: reads
src/components/WeddingCalendar.tsx - Wedding calendar → Calendar utilities: uses
src/components/WeddingCalendar.tsx - Invitation framing → Wedding content: reads
src/components/InviteHeader.tsx - Invitation framing → Calendar utilities: uses
- Calendar utilities → Wedding content: reads
src/lib/ics.ts - Guestbook and RSVP → Supabase client: queries
src/components/Guestbook.tsx - Supabase client → Supabase guestbook: reads and writes
- Supabase client → Preview auth storage: configures
src/integrations/supabase/client.ts - Gift accounts → Scroll reveal: uses
src/components/Accounts.tsx - Photo gallery → Scroll reveal: uses
src/components/Gallery.tsx - Guestbook and RSVP → Scroll reveal: uses
src/components/Guestbook.tsx - Venue and transit → Scroll reveal: uses
src/components/Venue.tsx - Wedding calendar → Calendar control: uses
src/components/WeddingCalendar.tsx - Router setup → Route tree: registers
src/router.tsx - Route tree → Invitation page: routes to
src/routeTree.gen.ts - Route tree → App root: uses
src/routeTree.gen.ts