March 1, 2026Engineering
Hello World — Building This Site
nextjstailwindmdx
This is the inaugural post on my personal site. I built it to have a home for long-form writing about software, physics, and the other things I care about.
The Stack
- Next.js 15 with the App Router and React Server Components
- Tailwind CSS v4 using the new
@themeblock for design tokens - MDX via
next-mdx-remotefor rich blog content - Framer Motion for the role-cycling animation on the home page
- Vercel for hosting
Why a blog?
I wanted a place to write about technical topics in depth — the kind of posts I wish existed when I was learning. Expect posts about web development, physics, math, and maybe some dog training.
Code Example
Here's a simple React component:
export function Greeting({ name }: { name: string }) {
return <h1>Hello, {name}!</h1>;
}What's Next
More posts coming soon on TypeScript patterns, physics simulations, and building production Next.js apps.