Frontend

• Next.js: We went with Next.js because it gives us the power of Server-Side Rendering (SSR), Static Site Generation (SSG), and Incremental Static Regeneration (ISR). It's fast, reliable, and we're all about that developer experience.
• TailwindCSS: Styling should be seamless and painless. Tailwind provides us with utility-first classes, so we don't have to deal with bulky CSS files. It's minimal and efficient.
• Framer Motion: Smooth animations that make the user experience feel polished. We couldn't resist adding a little flair to the interactions.
• ShadCN: We used a few ready-made components like the navigation bar from ShadCN to save time, because, well, there's no need to reinvent the wheel.

Deployment

• GitHub Actions: We've automated our deployment process with GitHub Actions. Every time we push to main, our CI/CD pipeline kicks in, ensuring the site is built and deployed smoothly.
• Docker: We use Docker to containerize everything. The Docker image of this site is built directly on our Hetzner machine, simplifying deployment and scalability.

Networking & Security

• Cloudflare DNS: We route all our traffic through Cloudflare's DNS. They provide fast, secure, and reliable service, and yes, we get the added bonus of free SSL certificates.
• Zero Trust Tunnels: For added security, all requests to our Hetzner server are tunneled through Cloudflare's Zero Trust solution. It's like having a security guard ensuring only the right traffic gets in.

There you have it—a quick peek into the tech and tools that power this site. We've combined the best of modern development practices to create something sleek, secure, and scalable.