AktivHighlight
MG-IT Homepage
Fullstack-Portfolio mit Blog, SEO-Infrastruktur und Kontaktformular
Zeitraum
März 2026 — Heute
Branche
Webentwicklung
Rollen
FullstackFrontendBackendDevOps
Status
Aktiv
Überblick
Mehr als ein Portfolio — eine persönliche Plattform, auf der ich mich als ITler und als vielseitig interessierte Person zeige. Eigene Projekte, Gedanken zu Wissenschaft und Technologie, und der Drang, Wissen weiterzugeben. Technisch eine Fullstack-Anwendung mit Next.js-Frontend und NestJS-Backend. Blog-System mit MDX und Custom-Komponenten, umfangreiche SEO-Optimierung mit JSON-LD Structured Data (BlogPosting, ScholarlyArticle, FAQ), Open Graph und dynamischer Theme-Color. Kontaktformular mit serverseitigem E-Mail-Versand über Resend, Rate-Limiting und XSS-Schutz. Vollständig zweisprachig (Deutsch/Englisch), responsiv, mit interaktiver Projekt-Timeline und Skill Cloud.
Tech Stack
Sprachen & Technologien
TypeScript
Frameworks
Next.jsReactNestJSTailwind CSSshadcn/uiGSAPMotionMDXnext-intlnext-themesResend
Infrastruktur
Vercel
Konzepte & Patterns
SSGi18nResponsive DesignSEOMobile-FirstJSON-LD Structured DataOpen GraphMDX BlogRate LimitingE-Mail-IntegrationREST API
Kernfunktionen
- Blog-System mit MDX und Custom-Komponenten (PullQuote, InfoBox, Speculation)
- SEO mit JSON-LD Structured Data (BlogPosting, ScholarlyArticle, FAQ-Schema)
- Kontaktformular mit NestJS-Backend und E-Mail-Versand über Resend
- Interaktive Projekt-Timeline mit umfangreichem Filter-System
- Skill Cloud mit frequenzbasierter Größenberechnung
- Particle Network Hero-Animation
- Dynamische Browser-Theme-Color passend zum Light/Dark-Modus
- Vollständig zweisprachig (Deutsch/Englisch) mit locale-aware SEO