Hello World

Welcome to my blog! This is the first post, and it's mostly here to make sure everything works end to end — MDX parsing, frontmatter extraction, and prose styling.

What to expect

I plan to write about:

• Web development — frameworks, patterns, and lessons learned
• Side projects — building things for fun and learning
• Tooling — dev environment, productivity, and workflow

A quick code sample

Here's a snippet to confirm syntax highlighting works:

1
function greet(name: string): string {
2
  return `Hello, ${name}!`;
3
}
4

5
console.log(greet("world"));

A React component

1
export function Card({ title, children }: { title: string; children: React.ReactNode }) {
2
  return (
3
    <div className="rounded-lg border p-4">
4
      <h3 className="font-bold">{title}</h3>
5
      {children}
6
    </div>
7
  );
8
}

A diagram

Here's a flowchart rendered with Mermaid:

Stay tuned for more.