← Back to blog

Hello World

My first blog post using Next.js, MDX, and Shiki syntax highlighting.

Welcome to my blog! This is my first post using a stack inspired by Josh Comeau's blog setup.

The Stack

This blog is built with:

  • Next.js 15 with the App Router
  • MDX via
    next-mdx-remote
    for writing posts in Markdown with React components
  • Shiki for beautiful syntax highlighting
  • Tailwind CSS for styling

Code Examples

Here's some TypeScript code with syntax highlighting:

interface Post {
  title: string;
  date: string;
  content: string;
}

function formatDate(date: string): string {
  return new Date(date).toLocaleDateString("en-US", {
    year: "numeric",
    month: "long",
    day: "numeric",
  });
}

And some React:

export default function BlogPost({ post }: { post: Post }) {
  return (
    <article>
      <h1>{post.title}</h1>
      <time>{formatDate(post.date)}</time>
      <div>{post.content}</div>
    </article>
  );
}

What's Next

I'll be writing about software engineering, web development, and whatever else catches my interest. Stay tuned!