Portfolio Website knaack.it

The Challenge

As a Software Architect, I needed a digital presence that doesn't just convey information but actively demonstrates my technical principles: uncompromising performance, maintainability, and scalability. Standard website builders or WordPress installations were out of the question due to the bloat they often introduce, negatively impacting User Experience (UX). The goal was a Google Lighthouse Score of 100/100 across all categories, while supporting multi-language content and a modern Developer Experience (DX).

The Solution

After evaluating current frameworks, I selected Astro 5. Astro's "Islands Architecture" allows for selective loading of interactive components (only when needed), while the majority of the site is delivered as pure static HTML.

Architecture & Stack

• Frontend: Astro 5 for Server-Side Rendering (SSR) at the Edge and Static Site Generation (SSG).
• Styling: Tailwind CSS for Utility-First styling, compiling down to minimal CSS file sizes.
• Content Management: Astro Content Collections provide type safety for Markdown files and validate metadata at build time.
• Infrastructure: Deployment via Cloudflare Pages. This ensures global CDN distribution and millisecond load times via Edge Caching.

Key Features

• Performance-First: No unused JavaScript on the client thanks to Astro's Zero-JS default.
• Internationalization (i18n): Full support for German and English, including routing logic and SEO tags.
• PDF Generation: Automated creation of resumes from the same data sources that populate the website.
• CI/CD: Fully automated deployments on every Git push.

The Result

The website consistently achieves perfect scores in Core Web Vitals and Lighthouse audits. It serves as a living example of modern, efficient web development and enables rapid content iteration through its structured content pipeline.