Next.js mit App -Router für export zu statische dateien

components/Layout.jsx

@@ -0,0 +1,21 @@
+// src/components/Layout.jsx
+import React from "react";
+import Header from "./Header"; // Passe den Pfad an, falls nötig
+import Navigation from "./Navigation"; // Passe den Pfad an, falls nötig
+import Footer from "./Footer"; // Passe den Pfad an, falls nötig
+
+function Layout({ children }) {
+  return (
+    <div className="bg-gray-100 flex flex-col min-h-screen">
+      <Header className="bg-gray-300 p-4 flex-shrink-0" />
+      <div className="flex flex-grow w-full">
+        <Navigation />
+        {/* Der eigentliche Seiteninhalt */}
+        <main className="flex-1 p-8">{children}</main>
+      </div>
+      <Footer className="bg-gray-300 p-4 flex-shrink-0" />
+    </div>
+  );
+}
+
+export default Layout;