Heading 1

This is a demonstration of every standard markdown and GitHub Flavored Markdown (GFM) feature rendered cleanly with @tailwindcss/typography.

Heading 2

Here is a regular paragraph with varied inline styling: you can format text as bold text, italic text, bold and italic text, or strikethrough text. You can also write inline code snippets or use <kbd>Cmd</kbd> + <kbd>K</kbd> style keyboard indicators.

Here is an autolink https://nextjs.org and an inline link to Next.js Documentation.

Heading 3

Horizontal rules can be created using three dashes above.

Heading 4

Heading 5

Heading 6

Blockquotes

Single-line blockquote:

"Simplicity is the soul of efficiency." — Austin Freeman

Multi-paragraph and nested blockquotes:

The first paragraph of a multi-line quote.

This is a nested quote giving additional context.

Back to the outer blockquote level with some bold text and inline code.

Lists

Unordered List

• First level bullet
  • Nested bullet item
    • Deeply nested bullet item
• Second top-level bullet
  • Another nested point
• Third bullet point

Ordered List

1. First step
2. Second step
   1. Sub-step A
   2. Sub-step B
3. Third step
4. Fourth step

Task List (Checklist)

• Set up Next.js App Router with MDX
• Configure @tailwindcss/typography
• Support YAML frontmatter
• Write more blog posts

Code Blocks

TypeScript code block with syntax highlighting:

interface Post {
  slug: string;
  title: string;
  date: string;
  description: string;
}

export function formatPostTitle(post: Post): string {
  return `${post.title} (${post.date})`;
}

Bash shell snippet:

bun install
bun run dev

JSON data:

{
  "name": "blog",
  "version": "0.1.0",
  "private": true
}

Tables

Images

Collapsible Section (Details & Summary)

Footnotes

Here is a sentence that references a footnote¹, and here is another sentence with a second footnote².