c9cd2d734d3c98cd8650ff564fdc90dc2d25a0ee
ShaderGradientBackground used 3 full-screen Three.js WebGL canvases with a blur(150px) CSS filter, crashing Lighthouse and causing severe lag in Chrome. BackgroundBlobs also had 7 elements with blur(100-120px) and per-frame mouse spring tracking compounding the issue. - Remove ShaderGradientBackground from layout (WebGL not needed for a blur effect) - Reduce BackgroundBlobs blur from 100-120px to 60px - Remove mouse tracking spring animations from BackgroundBlobs - Reduce to 4 blobs (remove 3 least visible) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Quick links
- Ops / setup / deployment / testing:
docs/OPERATIONS.md - Locale System & Translations:
docs/LOCALE_SYSTEM.md
Dennis Konkol Portfolio - Modern Dark Theme
Ein modernes, responsives Portfolio mit dunklem Design, coolen Animationen und einem integrierten Admin-Dashboard.
✨ Features
- Dunkles Theme mit Glassmorphism-Effekten
- Responsive Design für alle Geräte
- Smooth Animationen mit Framer Motion
- Admin Dashboard für Content-Management
- E-Mail-System mit schönen Templates
- Analytics Dashboard mit Performance-Metriken
- Redis Caching für optimale Performance
🛠️ Technologien
- Frontend: Next.js 15, TypeScript, Tailwind CSS, Framer Motion
- Backend: PostgreSQL, Redis, Prisma ORM
- Deployment: Docker, Nginx
- Analytics: Umami Analytics
🚀 Quick Start
# Dependencies installieren
npm install
# Development Environment starten
npm run dev
📁 Verfügbare Scripts
npm run dev # Vollständiges Dev-Environment (Docker + Next.js)
npm run dev:simple # Nur Next.js (ohne Docker)
npm run build # Production Build
npm run start # Production Server
🌐 URLs
- Portfolio: http://localhost:3000
- Admin Dashboard: http://localhost:3000/manage
- PostgreSQL: localhost:5432
- Redis: localhost:6379
📖 Dokumentation
- Development Setup - Detaillierte Setup-Anleitung
- Deployment Setup - Production Deployment
- Analytics - Analytics und Performance
- CMS Guide - Inhalte/Sprachen pflegen (Rich Text)
- Testing & Deployment - Branches → Container → Domains
🔗 Links
- Live Portfolio: https://dk0.dev
- Admin Dashboard: https://dk0.dev/manage
- GitHub: https://github.com/denniskonkol/portfolio
Description
Languages
TypeScript
76.2%
JavaScript
11.8%
Shell
10.4%
CSS
0.7%
PowerShell
0.6%
Other
0.3%