preview

src/payload.config.ts

@@ -35,6 +35,15 @@ export default buildConfig({
     },
     user: Users.slug,
     livePreview: {
+      url: ({ data, collectionConfig, globalConfig }) => {
+        const baseURL = getServerSideURL()
+        if (globalConfig) {
+          return `${baseURL}/preview/globals/${globalConfig.slug}`
+        }
+        return `${baseURL}/preview/${collectionConfig?.slug}/${data?.slug ?? data?.id}`
+      },
+      collections: ['pages', 'posts'],
+      globals: ['header', 'footer'],
       breakpoints: [
         {
           label: 'Mobile',