add support for previewing pages

2026-05-19 17:48:33 +02:00
parent f91c67f526
commit a5ebb897f1
25 changed files with 471 additions and 67 deletions
@@ -1,7 +1,9 @@
 import "@/css/main.scss";
 import { Header } from "@/components/layout/Header";
 import { Footer } from "@/components/layout/Footer";
+import { PreviewBanner } from "@/components/general/PreviewBanner";
 import { Metadata } from "next";
+import { draftMode } from "next/headers";
 import { NuqsAdapter } from "nuqs/adapters/next/app";

 const baseUrlMetadata = process.env.URL
@@ -26,11 +28,12 @@ export const metadata: Metadata = {
  ...baseUrlMetadata,
 };

-export default function RootLayout({
+export default async function RootLayout({
  children,
 }: Readonly<{
  children: React.ReactNode;
 }>) {
+  const isPreview = (await draftMode()).isEnabled;
  return (
    <html lang="no">
      <head>
@@ -44,6 +47,7 @@ export default function RootLayout({
        )}
      </head>
      <body>
+        {isPreview && <PreviewBanner />}
        <NuqsAdapter>
          <Header />
          {children}