denshooter
7f9d39c275
- Replace ShaderGradientBackground WebGL shader (3 static spheres) with pure CSS radial-gradient divs — moves from ClientProviders (deferred JS) to app/layout.tsx as a server component rendered in initial HTML. Eliminates @shadergradient/react, three, @react-three/fiber from the JS bundle. Removes chunks/7001 (~20s CPU eval) and the 39s main thread block. - Remove optimizeCss/critters: it was converting <link rel="stylesheet"> to a JS-deferred preload, which PageSpeed read as a 410ms sequential CSS chain. Both CSS files now load as parallel <link> tags from initial HTML (~150ms). - Update browserslist safari >= 15 → 15.4 (Array.prototype.at, Object.hasOwn are native in 15.4+; eliminates unnecessary SWC compatibility transforms). - Delete orphaned app/styles/ghostContent.css (never imported anywhere, 3.7KB). - Add .claude/ dev team setup: 5 subagents (frontend-dev, backend-dev, tester, code-reviewer, debugger), 3 skills (/add-section, /review-changes, /check-quality), 3 path-scoped rules, settings.json with auto-lint hook. - Update CLAUDE.md with server/client orchestrator pattern, SSR animation safety rules, API route conventions, and improved command reference. 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