Test Project

Testing MDX rendering system

Currently Building
📌 Pinned Project
12/1/2024
1 min read
development
Test Project
React
TypeScript
MDX

Test Project

This is a test project to verify our MDX rendering system is working correctly.

Features

  • MDX Rendering: Universal content rendering with next-mdx-remote/rsc
  • Syntax Highlighting: Code blocks with proper theming
  • TypeScript Integration: Full type safety with Zod validation
  • shadcn/ui Components: Consistent UI components throughout

Code Example

Here's a simple TypeScript function:

Mermaid Diagram

Interactive Elements

This section tests basic markdown rendering without JSX components for now.

Links and Media

Test Image

Test Image

PDF Viewer Test

The PDF link below should automatically render as an inline PDF viewer:

Loading PDF viewer...

Conclusion

This test project demonstrates the MDX rendering capabilities with syntax highlighting, interactive components, and proper styling.