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

app/dashboard/page.jsx

@@ -0,0 +1,24 @@
+import React, { useEffect } from "react";
+import Layout from "../components/Layout";
+import Image from "next/image";
+import "tailwindcss/tailwind.css"; // Stelle sicher, dass Tailwind CSS korrekt importiert wird
+import "@fontsource/roboto"; // Standardimport für alle Schriftstärken
+import "bootstrap-icons/font/bootstrap-icons.css";
+
+function Dashboard() {
+  return (
+    <Layout>
+      <div className="bg-gray-100 flex flex-col min-h-screen">
+        <div className="flex flex-grow w-full">
+          {/* Main Section */}
+          <main className="flex-1 bg-white p-8 ml-4 shadow rounded-lg overflow-hidden">
+            {/* Hauptinhalt */}
+            <h1 className="text-2xl font-bold mb-4">Dashboard Übersicht</h1>
+          </main>
+        </div>
+      </div>
+    </Layout>
+  );
+}
+
+export default Dashboard;