Personal Portfolio

Web Development

Personal Portfolio - Development of a modern, multilingual portfolio website focusing on performance, aesthetics, and easy extensibility.

Starting Point & Challenge

I wanted to develop a personal website that not only showcases my projects but also impresses technically as a reference.

Website builders couldn't compete in either performance or creative freedom, which is why I opted for a custom solution with Astro and Tailwind.

Approach & Implementation

The portfolio is built on Astro, making the site load extremely fast through static delivery. TailwindCSS provides a clean, minimalist design, while GSAP contributes subtle micro-animations that refine the user experience.

Hosting is done on a private VPS with Plesk, including a self-configured CI/CD workflow.

Result & Impact

The project achieves the maximum score of 100 in all Lighthouse categories: Performance, SEO, Accessibility, and Best Practices.

With its clear structure, bilingual content, and thoughtful SEO optimization, the site has become the central hub for my projects, case studies, and contact inquiries.

Technology & Outlook

Technology Stack: Astro · TailwindCSS · TypeScript · GSAP · VPS (Plesk)

In the future, I plan to add a blog module, interactive project filters, and CMS integration for even more flexible content management.

100
Lighthouse Score
2
Languages (DE/EN)
< 1s
Load Time

Verwendete Technologien

5 Technologien Web Development
Astro Modernes Static Site Generator für maximale Performance. Erzeugt die statische Website mit optimiertem Ladeverhalten und bestem Lighthouse Score.
Verwendet
TailwindCSS Utility-First CSS-Framework für schnelles, responsives Design. Bietet eine saubere und wartbare CSS-Architektur.
Verwendet
TypeScript TypeScript-Sicherheit für bessere Code-Qualität und bessere Entwicklungserfahrung mit automatischer Typ-Prüfung.
Verwendet
GSAP Premium-Animationen für Micro-Interactions und Scroll-Effekte. Sorgt für professionelle und flüssige User Experience.
Verwendet
VPS (Plesk) Privater Server mit voller Kontrolle über Hosting, Performance und Sicherheit der Website.
Verwendet