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.