MDX component fixture

This page exists so the MDX components can be checked in the browser. It is not a product note.

Images

Keep still images in public/images/ so next/image can emit responsive variants. Video and other large files stay as URLs (YouTube, AudioPlayer, or remote cover/image metadata).

Code

export type ContentStatus = "draft" | "review" | "published";

YouTube

Watch on YouTube

Audio

0:000:00

Work demo

Case studies can embed custom React through <WorkDemo> — a prototype, a widget, or a slice of the work itself. The block below is a registry fixture; real cases will swap in the matching demo.

Motion tier: lite

Cycle tier

Fallback examples

These blocks are supposed to fail. The page should stay readable.

This YouTube embed is missing a valid id or url.

This audio player is missing a src.

0:000:00

This work demo is not registered: does-not-exist