Wanderlust
Immersive 360° place-based learning.
Live at wanderlust.witus.online. Part of the WitUS ecosystem: cross-linked with CentenarianOS Academy (Wanderlust preview blocks embed inside Academy lessons) and Fly.WitUS (BVC drone footage pushes into Wanderlust via a shared Cloudinary tenant). Operated by B4C LLC / AwesomeWebStore.com. Built by Brand Anthony McDonald.
About
Every Wanderlust course is anchored to a real location captured in 360° photo, 360° video, and drone footage. One person with a camera, a drone, and a laptop can publish a full multi-media course. Learners stand inside the place (a museum gallery, a trail, a workshop, a reef), then read, watch, and answer quizzes built on top of the footage. No AI-written lessons, no stock imagery, no fabricated voices. The one AI tool, removing people from a photo, is opt-in and labeled for visitors.
The course library is fed by BAM's field-content capture trips. The flagship is MUCHO Museo del Chocolate in Mexico City; the 2026-06 West Africa trip feeds a Ghana course (see ../../witus/plans/travel/ for trip context).
Tech Stack
| Layer | Technology |
|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript, strict |
| Styling | Tailwind CSS v4 + @tailwindcss/typography |
| Database | Neon Postgres via Drizzle ORM (neon-serverless driver) |
| Auth | Better Auth — password with self-service reset at /forgot-password, magic link, email OTP, 2FA, and "Sign in with WitUS" OIDC. No passkey sign-in: the plugin is registered but no enrollment UI exists, so the button was removed (docs/INFRA.md). |
| Media | Cloudinary (primary; R2 fallback documented in docs/INFRA.md) |
| 360° viewer | Photo Sphere Viewer (core + markers + video + virtual-tour + equirectangular-video-adapter) |
| Markdown | marked + sanitize-html |
| Payments | Stripe Checkout + webhook |
| Email | Mailgun |
| PDFs | pdf-lib (completion certificates) |
| i18n | Native Next.js [lang] routing — EN + ES |
| Offline | Serwist service worker + IndexedDB progress outbox |
| Testing | Vitest (pure logic) + Playwright + axe-core + pa11y-ci |
| Error monitoring | Better Stack via the @sentry/nextjs SDK. Inert until a DSN is set |
| Hosting | Vercel |
여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗
