MDX Examples

// This is commented-out code
export default function HelloWorld() {
  return (
    <h1>Hello, World!</h1>
  );
}

<Image
  src="https://images.unsplash.com/photo-1766816853912-6d46a891582b"
  alt=""
  width="300"
  height="450"
/>

<Tweet id="1617979122625712128" />

<YouTube videoId="wXhTHyIgQ_U" />

<Caption>
  Captions that flow smoothly, making your content easy to read and visually appealing with a clean look.
</Caption>

<Table
  data={{
    headers: ["Title", "Description"],
    rows: [
      [
        "First item",
        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid perspiciatis repellat amet quos.",
      ],
      [
        "Second item",
        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid perspiciatis repellat amet quos.",
      ],
    ],
  }}
/>

<Callout emoji="💡">
This is a clean, simple, and fast portfolio built with Next.js, Tailwind CSS, and pnpm for optimal performance.
</Callout>