Migration Source: thrillwiki-87

The React project at /Volumes/macminissd/Projects/thrillwiki-87 is the authoritative source for ThrillWiki features and functionality.

Core Principle

thrillwiki-87 is LAW. When migrating features, the React implementation defines:

What features must exist
How they should behave
What data structures are required
What UI patterns to follow

Source Project Structure

thrillwiki-87/
├── src/
│   ├── components/    # React components (44 directories)
│   ├── pages/         # Route pages (39 files)
│   ├── hooks/         # React hooks (80+ files)
│   ├── types/         # TypeScript definitions (63 files)
│   ├── contexts/      # React contexts
│   ├── lib/           # Utilities
│   └── integrations/  # External service integrations
├── docs/              # Feature documentation (78 files)
│   ├── SITE_OVERVIEW.md
│   ├── DESIGN_SYSTEM.md
│   ├── COMPONENTS.md
│   ├── PAGES.md
│   └── USER_FLOWS.md
└── supabase/          # Backend schemas and functions

Technology Translation

React (Source)	Nuxt 4 (Target)
React component	Vue SFC (.vue)
useState	ref() / reactive()
useEffect	watch() / onMounted()
useContext	provide() / inject() or Pinia
React Router	Nuxt file-based routing
React Query	useAsyncData / useFetch
shadcn-ui	Nuxt UI
Supabase client	Django REST API via useApi()
Edge Functions	Django views

Backend Translation

Supabase (Source)	Django (Target)
Table	Django Model
RLS policies	DRF permissions
Edge Functions	Django views/viewsets
Realtime	SSE / WebSockets
Auth	django-allauth + JWT
Storage	Cloudflare R2

Migration Workflow

Find source in thrillwiki-87
Read the docs in thrillwiki-87/docs/
Check existing Nuxt implementation
Port missing features to achieve parity
Verify behavior matches source

Key Source Files to Reference

When porting a feature, always check:

thrillwiki-87/docs/ for specifications
thrillwiki-87/src/types/ for data structures
thrillwiki-87/src/hooks/ for business logic
thrillwiki-87/src/components/ for UI patterns

2.3 KiB Raw Blame History