catt.me
← All posts

First Post

Filed undermetaon

Welcome to catt.me. This is the very first post, written in MDX — which is just Markdown with the ability to drop React components anywhere you want.

What's possible#

You can write regular prose, of course. Lists work as expected:

  • One thing
  • Another thing
  • A third, slightly longer thing that wraps to give you a sense of line height and rhythm

And you can use bold, italic, inline code, and links.

Code blocks#

Code blocks are syntax-highlighted at build time using Shiki, with separate themes for light and dark mode:

function greet(name: string): string {
  return `Hello, ${name}!`;
}
 
const message = greet('world');
console.log(message);

You can also add filenames and highlight specific lines:

lib/posts.ts
import fs from 'node:fs';
 
export function getAllSlugs(): string[] {
  return fs.readdirSync(POSTS_DIR);
}

Custom components#

Because this is MDX, I can drop React components straight into the text:

Blockquotes#

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

What's next#

Time to write the next post.