IoT4H · bastianrickmannACN · Jul 25, 2025 · Jul 18, 2025 · Jul 25, 2025
diff --git a/frontend/.prettierrc b/frontend/.prettierrc
@@ -1,4 +1,4 @@
-prettier {
+{
   "tabWidth": 4,
   "useTabs": false,
   "singleQuote": false,

diff --git a/frontend/src/app/@setup/[...catchAll]/page.tsx b/frontend/src/app/@setup/[...catchAll]/page.tsx
diff --git a/frontend/src/app/[...catchAll]/layout.tsx b/frontend/src/app/[...catchAll]/layout.tsx
diff --git a/frontend/src/app/[[...catchAll]]/layout.tsx b/frontend/src/app/[[...catchAll]]/layout.tsx
@@ -0,0 +1,77 @@
+import BaseBody from "@iot-portal/frontend/app/common/baseBody";
+import { fetchAPI } from "@iot-portal/frontend/lib/api";
+import { Metadata } from "next";
+import React from "react";
+
+export const dynamic = "force-dynamic";
+
+
+type Props = {
+  params: { catchAll: string[] }
+  searchParams: { [key: string]: string | string[] | undefined }
+}
+
+
+export async function generateMetadata(
+  { params }: Props
+): Promise<Metadata> {
+
+  const pageQsPara = {
+    fields: "*",
+    populate: "*"
+  };
+
+  const genericPage = await (async () => {
+    const settings = await fetchAPI("/api/portal-einstellungen", pageQsPara);
+    return settings && settings.data ? settings.data.attributes : null;
+  })();
+
+
+  const data =
+    (
+      await fetchAPI("/api/pages", {
+        fields: "*",
+        filters: {
+          $or: [
+            {
+              url: { $eq: "/" + (params.catchAll || []).join("/") }
+            },
+            {
+              url: { $eq: "/" + (params.catchAll || []).join("/") + "/" }
+            }
+          ]
+        }
+      })
+    )?.data || [];
+
+  if (Array.isArray(data) && data.length === 0) {
+    return {};
+  }
+
+
+  const page = data[0].attributes;
+
+
+  const titles = Array.of(genericPage.title, page.title);
+
+  return genericPage
+    ? {
+      title: titles.join(" - "),
+      openGraph: {
+        title: titles.join(" - "),
+        type: "website",
+        description: genericPage.description
+      }
+    }
+    : {};
+}
+
+export default async function PortalLayout({ children }: { children: React.ReactNode }) {
+    return (
+        <BaseBody>
+            <div className="flex-auto rounded bg-white dark:bg-zinc-800 p-4 shadow max-h-full sticky top-0">
+                {children}
+            </div>
+        </BaseBody>
+    );
+}
diff --git a/frontend/src/app/[...catchAll]/page.tsx → frontend/src/app/[[...catchAll]]/page.tsx b/frontend/src/app/[...catchAll]/page.tsx → frontend/src/app/[[...catchAll]]/page.tsx
@@ -2,15 +2,25 @@ import BlocksRenderer from "@iot-portal/frontend/app/common/BlocksRenderer";
 import { fetchAPI } from "@iot-portal/frontend/lib/api";
 import { notFound } from "next/navigation";
 
+
+export const dynamic = "force-dynamic";
+
+
 export default async function Page({ params }: { params: { catchAll: string[] } }) {
+
     const data =
         (
             await fetchAPI("/api/pages", {
                 fields: "*",
                 filters: {
-                    url: {
-                        $eq: "/" + params.catchAll.join("/")
+                  $or: [
+                    {
+                      url: { $eq: "/" + (params.catchAll || []).join("/") }
+                    },
+                    {
+                      url: { $eq: "/" + (params.catchAll || []).join("/") + "/" }
                     }
+                  ]
                 }
             })
         )?.data || [];

diff --git a/frontend/src/app/default.tsx b/frontend/src/app/default.tsx
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
@@ -1,9 +1,7 @@
 import AuthWrapper from "@iot-portal/frontend/app/common/AuthWrapper";
 import Footer from "@iot-portal/frontend/app/common/Footer";
 import Header from "@iot-portal/frontend/app/common/Header";
-import PageBlockingSpinner, {
-    LoadingWrapper
-} from "@iot-portal/frontend/app/common/pageBlockingSpinner";
+import PageBlockingSpinner, { LoadingWrapper } from "@iot-portal/frontend/app/common/pageBlockingSpinner";
 import PromptAreaComponent from "@iot-portal/frontend/app/common/promptArea";
 import { fetchAPI } from "@iot-portal/frontend/lib/api";
 import { Params } from "next/dist/shared/lib/router/utils/route-matcher";
@@ -36,6 +34,7 @@ export async function generateMetadata({ params }: { params: Params }) {
           }
         : {};
 }
+
 export default async function RootLayout(props: any) {
     return (
         <html lang="de" className={"dark"}>

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx