fix(docs): render code blocks immediately

[TheOrcDev]

What changed

• preserve Fumadocs' build-time Shiki markup for fenced MDX code
• use Fumadocs code block and copy controls without client-side highlighting
• remove the docs-wide MDX loading fallback
• isolate genuinely dynamic demos behind an 8bitcn skeleton in ComponentPreview
• add regression coverage for server-rendered code

Why

Static commands were discarded and re-highlighted with the full client react-shiki bundle. The command appeared only after hydration and an effect, while the broad MDX Suspense boundary delayed all documentation content.

Impact

Documentation commands are visible before JavaScript runs, retain language-specific highlighting, remain copyable, and no longer show the page-wide skeleton.

Validation

• pnpm test — 141 tests passed
• pnpm build — 291 static pages generated
• scoped Ultracite check passed
• Shadscan 92/100 A — baseline maintained
• production no-JavaScript HTML assertion passed
• rendered light/dark, copy, and overflow QA passed

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
8bitcn-ui	Ready	Preview	Aug 8, 2026 12:44pm

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: e16eec70-7e34-480c-98a8-260ded5006f8

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}