MDX Demo Post
Published on November 10, 2023
This is a MDX blog post that showcases the power of MDX in Astro.
Features
- Write markdown with JSX
- Import and use Astro components
- Use frontmatter for metadata
Example Code
// JavaScript example
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('Astro'));Interactive Component
You can even include interactive components like this Alpine.js counter:
Alpine.js Counter
Styling with Tailwind
This box is styled using Tailwind CSS classes directly in the MDX file.
First column
Second column
This text is rendered from a custom React-like component!