Live preview when editting website! Very cool!

2026-03-26 16:30:28 -05:00
parent b678e405c5
commit 475f1cad85
8 changed files with 78 additions and 6 deletions
--- a/apps/next/src/payload/globals/landing-page.ts
+++ b/apps/next/src/payload/globals/landing-page.ts
@@ -8,6 +8,38 @@ export const LandingPage: GlobalConfig = {
  access: {
    read: () => true,
  },
+  admin: {
+    livePreview: {
+      url: '/?preview=true',
+      breakpoints: [
+        {
+          label: 'Mobile',
+          name: 'mobile',
+          width: 390,
+          height: 844,
+        },
+        {
+          label: 'Tablet',
+          name: 'tablet',
+          width: 768,
+          height: 1024,
+        },
+        {
+          label: 'Desktop',
+          name: 'desktop',
+          width: 1440,
+          height: 1024,
+        },
+      ],
+    },
+  },
+  versions: {
+    drafts: {
+      autosave: {
+        interval: 500,
+      },
+    },
+  },
  fields: [
    {
      type: 'tabs',