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,55 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { ArrowLeft, ArrowRight } from 'lucide-react';
+
+interface NavigationItem {
+  title: string;
+  slug: string;
+}
+
+interface PostNavigationProps {
+  previous?: NavigationItem;
+  next?: NavigationItem;
+  basePath: string;
+}
+
+const PostNavigation: React.FC<PostNavigationProps> = ({ previous, next, basePath }) => {
+  if (!previous && !next) return null;
+
+  return (
+    <nav className="border-t border-white/10 mt-12 pt-8">
+      <div className="flex justify-between">
+        {previous ? (
+          <Link
+            to={`${basePath}/${previous.slug}`}
+            className="group flex items-center text-white/60 hover:text-white transition-colors"
+          >
+            <ArrowLeft className="h-4 w-4 mr-2 transition-transform group-hover:-translate-x-1" />
+            <div>
+              <div className="text-sm text-white/40">Previous</div>
+              <div className="line-clamp-1">{previous.title}</div>
+            </div>
+          </Link>
+        ) : (
+          <div />
+        )}
+        {next ? (
+          <Link
+            to={`${basePath}/${next.slug}`}
+            className="group flex items-center text-right text-white/60 hover:text-white transition-colors"
+          >
+            <div>
+              <div className="text-sm text-white/40">Next</div>
+              <div className="line-clamp-1">{next.title}</div>
+            </div>
+            <ArrowRight className="h-4 w-4 ml-2 transition-transform group-hover:translate-x-1" />
+          </Link>
+        ) : (
+          <div />
+        )}
+      </div>
+    </nav>
+  );
+};
+
+export default PostNavigation