Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

This is text

This is link

This is a bold text

This is a italic text

This is a bold and italic

This is color text

This is underline text

This is cancel line text

Here is a list:

• First item
• Second item
• Third item

This is a blockquote.

This is code block

// app/blog/[slug]/page.tsx
import { MDXRemote } from 'next-mdx-remote/rsc';
import { MDXComponents } from '@/components/MDXComponents';

export default async function BlogPost({ params }: { params: { slug: string } }) {
  const content = await getBlogPost(params.slug);

  return (
    <div className="prose prose-lg mx-auto my-8">
      <MDXRemote source={content} components={MDXComponents} />
    </div>
  );
}