c00fe6b06c8287f309f6df0ef9160427c1ad846a
Performance: - Lazy-load ShaderGradientBackground via dynamic import (reduces initial JS ~250KB) - Disable ShaderGradient animations (animate=off) to reduce CPU/GPU load - Remove opacity:0 animations from Hero LCP elements for instant paint - Add browserslist targeting modern browsers (eliminates ~13KB polyfills) Accessibility: - Fix color contrast: text-stone-400 → text-stone-600 dark:text-stone-400 on light backgrounds - Fix text-liquid-mint → text-emerald-700/600 for readable text/accent dots - Fix quote text contrast on dark status box (text-stone-700 → text-stone-300) - Fix Online badge contrast (emerald-600 → emerald-700) Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.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%