denshooter
1c49289386
TipTap (ProseMirror) was causing: - chunks 1007 (85 KiB) and 3207 (58 KiB) in the initial bundle - Array.prototype.at/flat/flatMap, Object.fromEntries/hasOwn polyfills (ProseMirror bundles core-js for these — the 12 KiB legacy JS flag) - 2+ seconds of main thread blocking on mobile Fix: move HTML conversion to the server (API route) and pass the resulting HTML string to the client, eliminating the need to import richTextToSafeHtml (and transitively TipTap) in any client component. Changes: - app/api/content/page/route.ts: call richTextToSafeHtml server-side, add html: string to response alongside existing content - app/components/RichTextClient.tsx: accept html string, remove all TipTap imports — TipTap/ProseMirror now has zero client bundle cost - app/components/About.tsx, Contact.tsx: use cmsHtml from API - app/legal-notice/page.tsx, privacy-policy/page.tsx: same - app/components/ClientWrappers.tsx: change static imports of About, Projects, Contact, Footer to next/dynamic so their JS is in separate lazy-loaded chunks, not in the initial bundle 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