Migrate from Vite to Next.js 15 with SSR

- Replace Vite + React Router with Next.js 15 App Router - Implement i18n with next-intl (URL-based: /de, /en, /sr) - Add SSR/SSG for all pages (48 static pages generated) - Setup Supabase SSR client for auth - Migrate all pages: Home, About, Portfolio, Blog, Contact, Login, Dashboard, Imprint, Privacy, Terms - Add Docker support with standalone output - Replace i18next with next-intl JSON translations - Use next/image for optimized images Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-17 01:00:33 +01:00
parent a66f51b9a2
commit b1ec7b4d61
281 changed files with 8024 additions and 8901 deletions
@@ -0,0 +1,77 @@
+import React from 'react';
+import { Link, useLocation } from 'react-router-dom';
+import { ChevronRight } from 'lucide-react';
+
+interface BreadcrumbsProps {
+  currentTitle?: string;
+}
+
+const Breadcrumbs: React.FC<BreadcrumbsProps> = ({ currentTitle }) => {
+  const location = useLocation();
+
+  // Definiere die feste Struktur der Breadcrumbs
+  const generateBreadcrumbs = () => {
+    const segments = location.pathname.split('/').filter(Boolean);
+
+    // Basis-Breadcrumb-Struktur
+    const breadcrumbs = [];
+
+    // Portfolio ist immer der erste Level nach Home
+    if (segments.includes('portfolio')) {
+      breadcrumbs.push({
+        title: 'Portfolio',
+        path: '/portfolio',
+        isLast: segments.length === 1
+      });
+    }
+
+    // Wenn wir in einem Projekt sind, füge den Projekttitel hinzu
+    if (segments.length > 1 && currentTitle) {
+      breadcrumbs.push({
+        title: currentTitle,
+        path: location.pathname,
+        isLast: true
+      });
+    }
+
+    return breadcrumbs;
+  };
+
+  const breadcrumbs = generateBreadcrumbs();
+
+  // Wenn wir nur auf der Homepage sind, zeigen wir keine Breadcrumbs
+  if (location.pathname === '/') return null;
+
+  return (
+      <nav className="flex items-center gap-2 py-4 sm:py-6">
+        {/* Home ist immer der erste Link */}
+        <Link
+            to="/"
+            className="text-zinc-400 hover:text-white transition-colors duration-200"
+        >
+          Home
+        </Link>
+
+        {breadcrumbs.map((crumb) => (
+            <React.Fragment key={crumb.path}>
+              <ChevronRight className="h-4 w-4 text-zinc-600" />
+
+              {crumb.isLast ? (
+                  <span className="text-white font-medium">
+              {crumb.title}
+            </span>
+              ) : (
+                  <Link
+                      to={crumb.path}
+                      className="text-zinc-400 hover:text-white transition-colors duration-200"
+                  >
+                    {crumb.title}
+                  </Link>
+              )}
+            </React.Fragment>
+        ))}
+      </nav>
+  );
+};
+
+export default Breadcrumbs;