Welcome

This is the first post. You can write Markdown and use MDX components here.

Component demo

Here’s a quick demo using shadcn components wired into MDX:

MDX + shadcn

You can drop Button, Badge, Card, and other UI components straight into posts.

intro

demo

Mermaid charts

You can embed Mermaid diagrams with fenced mermaid code blocks. Here’s a quick tour of different chart types.

Flowchart

Classic boxes and arrows:

Mermaid error: Failed to launch the browser process!
/vercel/.cache/puppeteer/chrome/linux-127.0.6533.88/chrome-linux64/chrome: error while loading shared libraries: libnss3.so: cannot open shared object file: No such file or directory


TROUBLESHOOTING: https://pptr.dev/troubleshooting

Sequence diagram

Show interactions over time:

Mermaid error: Failed to launch the browser process!
/vercel/.cache/puppeteer/chrome/linux-127.0.6533.88/chrome-linux64/chrome: error while loading shared libraries: libnss3.so: cannot open shared object file: No such file or directory


TROUBLESHOOTING: https://pptr.dev/troubleshooting

State diagram

States and transitions:

Mermaid error: Failed to launch the browser process!
/vercel/.cache/puppeteer/chrome/linux-127.0.6533.88/chrome-linux64/chrome: error while loading shared libraries: libnss3.so: cannot open shared object file: No such file or directory


TROUBLESHOOTING: https://pptr.dev/troubleshooting

Pie chart

Simple breakdown:

Mermaid error: Failed to launch the browser process!
/vercel/.cache/puppeteer/chrome/linux-127.0.6533.88/chrome-linux64/chrome: error while loading shared libraries: libnss3.so: cannot open shared object file: No such file or directory


TROUBLESHOOTING: https://pptr.dev/troubleshooting

Entity relationship

Mermaid error: Failed to launch the browser process! undefined


TROUBLESHOOTING: https://pptr.dev/troubleshooting

Gantt (timeline)

Mermaid error: Failed to launch the browser process! undefined


TROUBLESHOOTING: https://pptr.dev/troubleshooting

Mix and match these in any post; the mdx-mermaid plugin renders them as SVG.

What's next?

Add more posts under content/posts
Customize lib/mdx-components.tsx for callouts, code blocks, diagrams
Link to posts from your homepage or /posts