MDX Example Page

A showcase of MDX features and components

Bridger
mdxnext.jsreact

Welcome to the MDX Starter Template! This template combines the power of Next.js 15+, MDX, and shadcn/ui to create a modern content-focused website.

Deploy with Vercel

Features

  • Next.js 15+ - Latest features from Next.js
  • MDX - Write content using Markdown + React components
  • Shadcn UI - Beautiful and accessible components
  • Dark Mode - Built-in dark mode support

Markdown Examples

Text Formatting

Regular text looks like this. You can make text bold or italic.

You can also highlight code inline or create code blocks:

typescript
1function greet(name: string) {
2  return `Hello, ${name}!`;
3}

Lists

Unordered list:

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS

Ordered list:

  1. Install dependencies
  2. Write content
  3. Deploy

Blockquotes

MDX combines the simplicity of Markdown with the power of React components.

Links and Images