Building a Modern Static Site

In this post, I'll share my journey of building this personal website. I wanted something that felt modern, minimal, and "tech" without being cluttered.

The Stack

• Next.js 14: For the framework.
• Tailwind CSS: For styling.
• Framer Motion: For animations.
• Cloudflare Pages: For hosting.

Why Static?

Static sites are fast, secure, and easy to deploy. With Next.js output: 'export', we can generate a purely static site that can be hosted anywhere.

Design Philosophy

I chose a dark theme with a specific color palette:

• Background: #03080c
• Accent: #f2a900

The goal was to create a "minimal-tech" aesthetic that appeals to both developers and designers.