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 for writing posts in Markdown with React components
next-mdx-remote - 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!