How This Website Was Made

A quick overview of the tech stack and tools behind this site.

Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS + custom CSS
• Content: MDX for blog posts and pages
• Deployment: Vercel
• Analytics: Vercel Analytics

Features

• Server-side rendered pages for fast loading and SEO
• MDX support for writing content with simple Markdown and React components if needed.
• Dynamic content sections using slugs (writing, photos)

Why Next.js?

I like the simple folder based structure to provide maintainability, how easy it is to make it SEO-friendly and it plays nice with React.

Future Plans

I plan to make this website more independent of Vercel by self hosting it on a VPS or similar. I may switch to Coolify or another self-hosting platform like Derek Sivers' approach.