This porfolio uses custom MDX for blog posts, making it easy to include JSX components such as interactive embeds, charts, or alerts directly in your markdown content.
Here are some examples of using MDX:
h2 Heading
h3 Heading
h4 Heading
h5 Heading
h6 Heading
Emphasis
This is bold text
This is italic text
Strikethrough text
A utility class like text-green-500 sets the text color to green.
Blockquotes
If today were the last day of my life, would I want to do what I am about to do today? – Steve Jobs
Links
CodeBlocks
Images
This porfolio uses Next.js Image in MDX for seamless image rendering:
Renders:
Embeds
Tweets
This porfolio uses react-tweet to embed tweets in MDX posts.
Renders:
YouTube Videos
This porfolio uses react-youtube to embed YouTube videos in MDX posts.
Renders:
Captions
This porfolio uses react-wrap-balancer to evenly balance captions in MDX posts.
Renders: