[pull] develop from baserow:develop

changelog/entries/unreleased/bug/use_error_page_in_preview.json

@@ -0,0 +1,9 @@
+{
+    "type": "bug",
+    "message": "Use error page in preview",
+    "issue_origin": "github",
+    "issue_number": null,
+    "domain": "builder",
+    "bullet_points": [],
+    "created_at": "2026-02-25"
+}

web-frontend/modules/builder/components/PublicSiteErrorPage.vue

@@ -3,8 +3,8 @@
     <div class="placeholder__logo">
       <nuxt-link
         :to="{
-          name: 'application-builder-page',
-          params: { pathMatch: '/' },
+          name: routeName,
+          params: { pathMatch: '' },
         }"
         custom
       >
@@ -52,22 +52,28 @@ export default {
     content() {
       return this.error.content || this.$t('errorLayout.error')
     },
+    routeName() {
+      return this.$route.name
+    },
   },
   methods: {
     onHome() {
       if (
-        this.$route.name === 'application-builder-page' &&
-        this.$route.params.pathMatch === '/'
+        ['application-builder-page', 'application-builder-preview'].includes(
+          this.routeName
+        )
       ) {
-        // Reload the current page
-        this.$router.go(0)
-      } else {
-        // Navigate to the home route
-        this.$router.push({
-          name: 'application-builder-page',
-          params: { pathMatch: '/' },
-          query: null, // Remove query parameters
-        })
+        if (this.$route.params.pathMatch === '/') {
+          // Reload the current page
+          this.$router.go(0)
+        } else {
+          // Navigate to the home route
+          this.$router.push({
+            name: this.routeName,
+            params: { pathMatch: '' },
+            query: null, // Remove query parameters
+          })
+        }
       }
     },
   },

web-frontend/modules/builder/errorPageTypes.js

@@ -8,7 +8,8 @@ export class PublicSiteErrorPageType extends ErrorPageType {
 
   isApplicable() {
     return (
-      this.app.$router.currentRoute.value.name === 'application-builder-page'
+      this.app.$router.currentRoute.value.name === 'application-builder-page' ||
+      this.app.$router.currentRoute.value.name === 'application-builder-preview'
     )
   }