Welcome to my new MDX blog!

This is a demonstration of rendering Markdown directly within a Next.js App Router project using next-mdx-remote and styled seamlessly with @tailwindcss/typography.

Features of this setup

1. MDX Support: I can write in Markdown and embed React components if I want!
2. Typography Plugin: It uses the official Tailwind typography plugin for beautiful, responsive prose.
3. Frontmatter Parsing: Using gray-matter to extract the title, date, and description.

Code Example

Here is a quick code block to text syntax highlighting styling capabilities in the future:

function greet(name) {
  return `Hello, ${name}!`
}
 
console.log(greet('World'))

"The best way to predict the future is to invent it." - Alan Kay

This blockquote should be styled automatically!