learn

An early course platform. Next.js, Contentlayer-driven MDX, served separately from the main docs.

Purpose

Hosts interactive course material for learning Supabase. The README sketches four planned courses:

1. Supabase Foundations — basics of database, auth, RLS (5 chapters).
2. Project: Smart Office 15 — realtime room-booking dashboard (15 chapters).
3. Supabase Internals: Performance & Scaling (20 chapters).
4. Supabase Internals: Debugging & Operations (20 chapters).

Directory layout

apps/learn/
├── app/                  # Next.js App Router pages
├── components/           # Course chrome and quiz primitives
├── content/              # MDX course content
├── config/               # Course metadata
├── contentlayer.config.js
├── lib/                  # Helpers
├── public/               # Course assets
└── scripts/

How it works

Course chapters are MDX files under content/. Contentlayer indexes them at build time and exposes typed course / chapter objects to the app shell. The site is otherwise a fairly conventional Contentlayer-on-Next.js deployment.

The README is a stock create-next-app template — nothing learn-specific lives there yet — but the actual MDX content under content/ and the routing under app/ are real.

Local dev

cd apps/learn
pnpm dev          # http://localhost:3000

(or pnpm i && pnpm dev if running directly).

Integration points

• Shares UI with packages/ui and the docs MDX plugin set in apps/docs/lib/mdx/.
• Uses packages/icons for course iconography.

Entry points for modification

• Add a chapter → drop an MDX file in content/<course>/<chapter>.mdx and update the course config.
• Add a quiz / interactive — components in components/ (course-specific patterns) are the place to extend.