Hello World: My First MDX Post

A sample post demonstrating various MDX features including code blocks, images, and more.

Welcome to My Journal

This is a sample post that demonstrates various MDX features. MDX allows you to use JSX in your markdown content, giving you the full power of React components while writing in a comfortable markdown syntax.

Code Blocks

Here's a sample code block with syntax highlighting:

function greet(name: string) {
  console.log(`Hello, ${name}!`);
}

greet("World");

Images

MDX supports images with Next.js Image optimization:

Sample Image
Sample Image

Lists

Here's a list of features:

  • Markdown syntax
  • Code highlighting
  • Image optimization
  • Custom components
  • TypeScript support

Blockquotes

MDX combines the best of markdown and JSX

Links

You can link to other pages or external sites.

Custom Components

MDX allows you to use custom React components directly in your markdown:

<CustomComponent>
  This is rendered by a custom component
</CustomComponent>

That's it for this sample post! Feel free to modify this template for your actual journal entries.