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:
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.