diff --git a/.changeset/brown-avocados-dream.md b/.changeset/brown-avocados-dream.md
new file mode 100644
index 00000000000..90aacc3970c
--- /dev/null
+++ b/.changeset/brown-avocados-dream.md
@@ -0,0 +1,12 @@
+---
+"@builder.io/sdk-angular": patch
+"@builder.io/sdk-react-nextjs": patch
+"@builder.io/sdk-qwik": patch
+"@builder.io/sdk-react": patch
+"@builder.io/sdk-react-native": patch
+"@builder.io/sdk-solid": patch
+"@builder.io/sdk-svelte": patch
+"@builder.io/sdk-vue": patch
+---
+
+docs: document `getBuilderSearchParams` and `isPreviewing`
diff --git a/packages/sdks-tests/src/snippet-tests/advanced-child.spec.ts b/packages/sdks-tests/src/snippet-tests/advanced-child.spec.ts
index 6c4c35af0eb..3ac93a44751 100644
--- a/packages/sdks-tests/src/snippet-tests/advanced-child.spec.ts
+++ b/packages/sdks-tests/src/snippet-tests/advanced-child.spec.ts
@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test';
-import { test, testClickAndVerifyVisibility } from '../helpers/index.js';
+import { findTextInPage, test, testClickAndVerifyVisibility } from '../helpers/index.js';
 
 test.describe('Advanced child sub components', () => {
   test('Display two buttons with label Tab 1 and Tab 2', async ({ page, packageName }) => {
@@ -62,4 +62,19 @@ test.describe('Advanced child sub components', () => {
     expect(Tab2ContentVisible).toBe(true);
     expect(await page.locator('div').filter({ hasText: 'Tab 1 Content' }).isVisible()).toBeFalsy();
   });
+
+  test('Advanced child components work in preview mode with isPreviewing', async ({
+    page,
+    packageName,
+  }) => {
+    test.skip(!['react-none-gen2'].includes(packageName));
+
+    await page.goto(
+      '/advanced-child?builder.space=ee9f13b4981e489a9a1209887695ef2b&builder.cachebust=true&builder.preview=page&builder.noCache=true&builder.allowTextEdit=true&__builder_editing__=true&builder.overrides.page=91744fcdc9f04bb8884a5f4c9feb0dc1&builder.overrides.91744fcdc9f04bb8884a5f4c9feb0dc1=91744fcdc9f04bb8884a5f4c9feb0dc1&builder.overrides.page:/advanced-child=91744fcdc9f04bb8884a5f4c9feb0dc1'
+    );
+
+    await page.waitForLoadState('networkidle');
+
+    await findTextInPage({ page, text: 'advanced child draft' });
+  });
 });
diff --git a/packages/sdks-tests/src/snippet-tests/editable-regions.spec.ts b/packages/sdks-tests/src/snippet-tests/editable-regions.spec.ts
index 070c35b00f6..75756113ecc 100644
--- a/packages/sdks-tests/src/snippet-tests/editable-regions.spec.ts
+++ b/packages/sdks-tests/src/snippet-tests/editable-regions.spec.ts
@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test';
-import { test } from '../helpers/index.js';
+import { findTextInPage, test } from '../helpers/index.js';
 
 test.describe('Editable regions in custom components', () => {
   test('should render a div with two columns with builder-path attr', async ({
@@ -57,4 +57,19 @@ test.describe('Editable regions in custom components', () => {
     expect(columnTexts).toContain('column 1 text');
     expect(columnTexts).toContain('column 2 text');
   });
+
+  test('Editable regions show draft content in preview mode with isPreviewing', async ({
+    page,
+    packageName,
+  }) => {
+    test.skip(!['react-none-gen2'].includes(packageName));
+
+    await page.goto(
+      '/editable-region?builder.space=ee9f13b4981e489a9a1209887695ef2b&builder.cachebust=true&builder.preview=page&builder.noCache=true&builder.allowTextEdit=true&__builder_editing__=true&builder.overrides.page=bb909e043ad34915b0075091911647e8&builder.overrides.bb909e043ad34915b0075091911647e8=bb909e043ad34915b0075091911647e8&builder.overrides.page:/editable-region=bb909e043ad34915b0075091911647e8'
+    );
+    await findTextInPage({ page, text: 'draft: column 1 text' });
+    await findTextInPage({ page, text: 'draft: column 2 text' });
+
+    await page.waitForLoadState('networkidle');
+  });
 });
diff --git a/packages/sdks/e2e/angular-16-ssr/src/app/app.resolver.ts b/packages/sdks/e2e/angular-16-ssr/src/app/app.resolver.ts
new file mode 100644
index 00000000000..4c187b8767c
--- /dev/null
+++ b/packages/sdks/e2e/angular-16-ssr/src/app/app.resolver.ts
@@ -0,0 +1,13 @@
+import type { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
+import { _processContentResult, fetchOneEntry } from '@builder.io/sdk-angular';
+import { getProps } from '@sdk/tests';
+
+export const appResolver: ResolveFn<any> = (route: ActivatedRouteSnapshot) => {
+  const urlPath = `/${route.url.join('/')}`;
+
+  return getProps({
+    pathname: urlPath,
+    _processContentResult,
+    fetchOneEntry,
+  });
+};
diff --git a/packages/sdks/e2e/angular-16/src/app/app.component.ts b/packages/sdks/e2e/angular-16/src/app/app.component.ts
new file mode 100644
index 00000000000..1a7646e6dab
--- /dev/null
+++ b/packages/sdks/e2e/angular-16/src/app/app.component.ts
@@ -0,0 +1,81 @@
+import { Component } from '@angular/core';
+import {
+  _processContentResult,
+  fetchOneEntry,
+  type RegisteredComponent,
+} from '@builder.io/sdk-angular';
+import { getProps } from '@sdk/tests';
+import { customComponents } from './custom-components';
+
+interface BuilderProps {
+  apiVersion: string;
+  canTrack?: boolean;
+  trustedHosts?: undefined;
+  apiKey: string;
+  model: string;
+  content: any;
+  data?: any;
+  apiHost?: string;
+  locale?: string;
+}
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <ng-container *ngIf="content; else notFound">
+      <builder-content
+        [model]="model"
+        [content]="content"
+        [apiKey]="apiKey"
+        [trustedHosts]="trustedHosts"
+        [canTrack]="canTrack"
+        [customComponents]="customComponents"
+        [data]="data"
+        [apiHost]="apiHost"
+        [locale]="locale"
+      ></builder-content>
+    </ng-container>
+
+    <ng-template #notFound>
+      <div>404 - Content not found</div>
+    </ng-template>
+  `,
+})
+export class AppComponent {
+  title = 'angular';
+  apiVersion: BuilderProps['apiVersion'] = 'v3';
+  canTrack: BuilderProps['canTrack'];
+  trustedHosts: BuilderProps['trustedHosts'];
+  apiKey: BuilderProps['apiKey'] = 'abcd';
+  model: BuilderProps['model'] = 'page';
+  content: BuilderProps['content'];
+  data: BuilderProps['data'];
+  apiHost: BuilderProps['apiHost'];
+  locale: BuilderProps['locale'];
+
+  customComponents: RegisteredComponent[] = customComponents;
+
+  async ngOnInit() {
+    const urlPath = window.location.pathname || '';
+
+    const builderProps = await getProps({
+      pathname: urlPath,
+      _processContentResult,
+      fetchOneEntry,
+    });
+
+    if (!builderProps) {
+      return;
+    }
+
+    this.content = builderProps.content;
+    this.canTrack = builderProps.canTrack;
+    this.trustedHosts = builderProps.trustedHosts;
+    this.apiKey = builderProps.apiKey;
+    this.model = builderProps.model;
+    this.apiVersion = builderProps.apiVersion;
+    this.data = builderProps.data;
+    this.apiHost = builderProps.apiHost;
+    this.locale = builderProps.locale;
+  }
+}
diff --git a/packages/sdks/e2e/angular-19-ssr/src/app/catch-all.component.ts b/packages/sdks/e2e/angular-19-ssr/src/app/catch-all.component.ts
index a57030de90e..5742081b31f 100644
--- a/packages/sdks/e2e/angular-19-ssr/src/app/catch-all.component.ts
+++ b/packages/sdks/e2e/angular-19-ssr/src/app/catch-all.component.ts
@@ -7,7 +7,6 @@ import {
   Content,
   _processContentResult,
   fetchOneEntry,
-  getBuilderSearchParams,
   registerAction,
   type RegisteredComponent,
 } from '@builder.io/sdk-angular';
@@ -95,7 +94,6 @@ export class CatchAllComponent {
     const builderProps = await getProps({
       pathname: urlPath,
       _processContentResult,
-      options: getBuilderSearchParams(searchParams),
       fetchOneEntry: (args) => {
         return fetchOneEntry({
           ...args,
diff --git a/packages/sdks/e2e/nextjs-sdk-next-app/src/app/[[...slug]]/page.tsx b/packages/sdks/e2e/nextjs-sdk-next-app/src/app/[[...slug]]/page.tsx
index 5e04b42a490..a8af36fcefd 100644
--- a/packages/sdks/e2e/nextjs-sdk-next-app/src/app/[[...slug]]/page.tsx
+++ b/packages/sdks/e2e/nextjs-sdk-next-app/src/app/[[...slug]]/page.tsx
@@ -5,7 +5,6 @@ import {
   Content,
   _processContentResult,
   fetchOneEntry,
-  getBuilderSearchParams,
 } from '@builder.io/sdk-react-nextjs';
 import { getProps } from '@sdk/tests';
 import MyTextBox from '../../components/MyTextBox/MyTextBox';
@@ -73,7 +72,6 @@ export default async function Page(props: MyPageProps) {
   const builderProps = await getProps({
     pathname: urlPath,
     _processContentResult,
-    options: getBuilderSearchParams(props.searchParams),
     fetchOneEntry,
   });
 
diff --git a/packages/sdks/e2e/react-sdk-next-14-app/src/app/[[...slug]]/page.tsx b/packages/sdks/e2e/react-sdk-next-14-app/src/app/[[...slug]]/page.tsx
index e7424dc0a9e..182b3dce06f 100644
--- a/packages/sdks/e2e/react-sdk-next-14-app/src/app/[[...slug]]/page.tsx
+++ b/packages/sdks/e2e/react-sdk-next-14-app/src/app/[[...slug]]/page.tsx
@@ -3,7 +3,6 @@ import {
   Content,
   _processContentResult,
   fetchOneEntry,
-  getBuilderSearchParams,
 } from '@builder.io/sdk-react';
 import { getProps } from '@sdk/tests';
 
@@ -63,7 +62,6 @@ export default async function Page(props: PageProps) {
   const builderProps = await getProps({
     pathname: urlPath,
     _processContentResult,
-    options: getBuilderSearchParams(props.searchParams),
     fetchOneEntry,
   });
 
diff --git a/packages/sdks/e2e/react-sdk-next-15-app/src/app/[[...slug]]/page.tsx b/packages/sdks/e2e/react-sdk-next-15-app/src/app/[[...slug]]/page.tsx
index cf982b07aac..8384512b08e 100644
--- a/packages/sdks/e2e/react-sdk-next-15-app/src/app/[[...slug]]/page.tsx
+++ b/packages/sdks/e2e/react-sdk-next-15-app/src/app/[[...slug]]/page.tsx
@@ -4,7 +4,6 @@ import {
   Content,
   _processContentResult,
   fetchOneEntry,
-  getBuilderSearchParams,
 } from '@builder.io/sdk-react';
 import { getProps } from '@sdk/tests';
 
@@ -22,7 +21,6 @@ export default async function Page(props: PageProps) {
   const builderProps = await getProps({
     pathname: urlPath,
     _processContentResult,
-    options: getBuilderSearchParams(await props.searchParams),
     fetchOneEntry,
   });
 
diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/advanced-child/advanced-child.component.ts b/packages/sdks/snippets/angular-16-ssr/src/app/advanced-child/advanced-child.component.ts
index 4d994e85911..4092407748d 100644
--- a/packages/sdks/snippets/angular-16-ssr/src/app/advanced-child/advanced-child.component.ts
+++ b/packages/sdks/snippets/angular-16-ssr/src/app/advanced-child/advanced-child.component.ts
@@ -1,7 +1,11 @@
 import { CommonModule } from '@angular/common';
 import { Component, type OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { Content, type BuilderContent } from '@builder.io/sdk-angular';
+import {
+  Content,
+  isPreviewing,
+  type BuilderContent,
+} from '@builder.io/sdk-angular';
 import {
   CustomTabsComponent,
   customTabsInfo,
@@ -12,7 +16,7 @@ import {
   standalone: true,
   imports: [CommonModule, Content, CustomTabsComponent],
   template: `
-    <div *ngIf="content">
+    <div *ngIf="canShowContent; else notFound">
       <builder-content
         [content]="content"
         [model]="modelName"
@@ -20,7 +24,7 @@ import {
         [customComponents]="customComponents"
       />
     </div>
-    <div *ngIf="notFound">404</div>
+    <ng-template #notFound> 404 </ng-template>
   `,
 })
 export class AdvancedChildComponent implements OnInit {
@@ -28,7 +32,7 @@ export class AdvancedChildComponent implements OnInit {
   modelName = 'page';
 
   content: BuilderContent | null = null;
-  notFound = false;
+  canShowContent = false;
   customComponents = [customTabsInfo];
 
   constructor(private route: ActivatedRoute) {}
@@ -36,6 +40,8 @@ export class AdvancedChildComponent implements OnInit {
   ngOnInit() {
     this.route.data.subscribe((data: any) => {
       this.content = data.content;
+      const searchParams = this.route.snapshot.queryParams;
+      this.canShowContent = !!this.content || isPreviewing(searchParams);
     });
   }
 }
diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.component.ts b/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.component.ts
index 447b0fdacb9..85626a8015f 100644
--- a/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.component.ts
+++ b/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.component.ts
@@ -5,37 +5,42 @@
  */
 
 import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { Content, type BuilderContent } from '@builder.io/sdk-angular';
+import {
+  Content,
+  isPreviewing,
+  type BuilderContent,
+} from '@builder.io/sdk-angular';
 
 @Component({
   selector: 'app-announcement-bar',
   standalone: true,
   imports: [Content, CommonModule],
   template: `
-    <ng-container *ngIf="content">
+    <ng-container *ngIf="canShowContent; else notFound">
       <builder-content
         [model]="model"
         [content]="content"
         [apiKey]="apiKey"
       ></builder-content>
     </ng-container>
-
-    <!-- Your content coming from your app (or also Builder) -->
-    <div>The rest of your page goes here</div>
+    <ng-template #notFound> 404 </ng-template>
   `,
 })
-export class AnnouncementBarComponent {
+export class AnnouncementBarComponent implements OnInit {
   apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
   model = 'announcement-bar';
   content: BuilderContent | null = null;
+  canShowContent = false;
 
   constructor(private activatedRoute: ActivatedRoute) {}
 
   ngOnInit() {
     this.activatedRoute.data.subscribe((data: any) => {
       this.content = data.content;
+      const searchParams = this.activatedRoute.snapshot.queryParams;
+      this.canShowContent = !!this.content || isPreviewing(searchParams);
     });
   }
 }
diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.resolver.ts b/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.resolver.ts
index 325670b3330..37528c1bc52 100644
--- a/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.resolver.ts
+++ b/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.resolver.ts
@@ -1,22 +1,16 @@
 import type { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
-import {
-  BuilderContent,
-  fetchOneEntry,
-  getBuilderSearchParams,
-} from '@builder.io/sdk-angular';
+import { BuilderContent, fetchOneEntry } from '@builder.io/sdk-angular';
 
-export const announcementBarResolver: ResolveFn<BuilderContent | null> = (
+export const announcementBarResolver: ResolveFn<BuilderContent | null> = async (
   route: ActivatedRouteSnapshot
 ) => {
   const urlPath = `/${route.url.join('/')}`;
-  const searchParams = getBuilderSearchParams(route.queryParams);
 
-  return fetchOneEntry({
+  return await fetchOneEntry({
     apiKey: 'ee9f13b4981e489a9a1209887695ef2b',
     model: 'announcement-bar',
     userAttributes: {
       urlPath,
     },
-    options: searchParams,
   });
 };
diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/blog-article/blog-article.component.ts b/packages/sdks/snippets/angular-16-ssr/src/app/blog-article/blog-article.component.ts
index 00c22903e4e..f110860bcea 100644
--- a/packages/sdks/snippets/angular-16-ssr/src/app/blog-article/blog-article.component.ts
+++ b/packages/sdks/snippets/angular-16-ssr/src/app/blog-article/blog-article.component.ts
@@ -1,32 +1,40 @@
 import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { Content, type BuilderContent } from '@builder.io/sdk-angular';
+import {
+  Content,
+  isPreviewing,
+  type BuilderContent,
+} from '@builder.io/sdk-angular';
 
 @Component({
   selector: 'app-blog-article',
   standalone: true,
   imports: [Content, CommonModule],
-  template: `<div *ngIf="article" class="content">
-    <h1>{{ article.data?.title }}</h1>
-    <p>{{ article.data?.['blurb'] }}</p>
-    <img [src]="article.data?.['image']" alt="" />
-    <builder-content
-      [model]="model"
-      [content]="article"
-      [apiKey]="apiKey"
-    ></builder-content>
-  </div>`,
+  template: `<div *ngIf="canShowContent" class="content" else notFound>
+      <h1>{{ article?.data?.title }}</h1>
+      <p>{{ article?.data?.['blurb'] }}</p>
+      <img [src]="article?.data?.['image']" alt="" />
+      <builder-content
+        [model]="model"
+        [content]="article"
+        [apiKey]="apiKey"
+      ></builder-content>
+    </div>
+    <ng-template #notFound> 404 </ng-template>`,
 })
 export class BlogArticleComponent {
   article: BuilderContent | null = null;
   model = 'blog-article';
   apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
+  canShowContent = false;
 
   constructor(private route: ActivatedRoute) {}
   async ngOnInit() {
     this.route.data.subscribe((data) => {
       this.article = data['article'];
+      const searchParams = this.route.snapshot.queryParams;
+      this.canShowContent = !!this.article || isPreviewing(searchParams);
     });
   }
 }
diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/catch-all/catch-all.component.ts b/packages/sdks/snippets/angular-16-ssr/src/app/catch-all/catch-all.component.ts
index 7d3793d5c91..0c5565b3f46 100644
--- a/packages/sdks/snippets/angular-16-ssr/src/app/catch-all/catch-all.component.ts
+++ b/packages/sdks/snippets/angular-16-ssr/src/app/catch-all/catch-all.component.ts
@@ -6,14 +6,18 @@
 import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { Content, type BuilderContent } from '@builder.io/sdk-angular';
+import {
+  Content,
+  isPreviewing,
+  type BuilderContent,
+} from '@builder.io/sdk-angular';
 
 @Component({
   selector: 'app-catchall',
   standalone: true,
   imports: [Content, CommonModule],
   template: `
-    <ng-container *ngIf="content; else notFound">
+    <ng-container *ngIf="canShowContent; else notFound">
       <builder-content
         [model]="model"
         [content]="content"
@@ -21,21 +25,22 @@ import { Content, type BuilderContent } from '@builder.io/sdk-angular';
       ></builder-content>
     </ng-container>
 
-    <ng-template #notFound>
-      <div>404 - Content not found</div>
-    </ng-template>
+    <ng-template #notFound> 404 </ng-template>
   `,
 })
 export class CatchAllComponent {
   apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
   model = 'page';
   content: BuilderContent | null = null;
+  canShowContent = false;
 
   constructor(private activatedRoute: ActivatedRoute) {}
 
   ngOnInit() {
     this.activatedRoute.data.subscribe((data: any) => {
       this.content = data.content;
+      const searchParams = this.activatedRoute.snapshot.queryParams;
+      this.canShowContent = !!this.content || isPreviewing(searchParams);
     });
   }
 }
diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/catch-all/catch-all.resolver.ts b/packages/sdks/snippets/angular-16-ssr/src/app/catch-all/catch-all.resolver.ts
index 7acdfff0e5d..d59aa92d542 100644
--- a/packages/sdks/snippets/angular-16-ssr/src/app/catch-all/catch-all.resolver.ts
+++ b/packages/sdks/snippets/angular-16-ssr/src/app/catch-all/catch-all.resolver.ts
@@ -1,17 +1,13 @@
 import type { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
-import {
-  BuilderContent,
-  fetchOneEntry,
-  getBuilderSearchParams,
-} from '@builder.io/sdk-angular';
+import { fetchOneEntry, type BuilderContent } from '@builder.io/sdk-angular';
 
-export const catchAllResolver: ResolveFn<BuilderContent | null> = (
+export const catchAllResolver: ResolveFn<BuilderContent | null> = async (
   route: ActivatedRouteSnapshot
 ) => {
   const urlPath = `/${route.url.join('/')}`;
-  const searchParams = getBuilderSearchParams(route.queryParams);
+  const searchParams = route.queryParams;
 
-  return fetchOneEntry({
+  return await fetchOneEntry({
     apiKey: 'ee9f13b4981e489a9a1209887695ef2b',
     model: 'page',
     userAttributes: {
diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/custom-child/custom-child.component.ts b/packages/sdks/snippets/angular-16-ssr/src/app/custom-child/custom-child.component.ts
index 7749c5f19e5..411d85b27f0 100644
--- a/packages/sdks/snippets/angular-16-ssr/src/app/custom-child/custom-child.component.ts
+++ b/packages/sdks/snippets/angular-16-ssr/src/app/custom-child/custom-child.component.ts
@@ -1,7 +1,11 @@
 import { CommonModule } from '@angular/common';
 import { Component, type OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { Content, type BuilderContent } from '@builder.io/sdk-angular';
+import {
+  Content,
+  isPreviewing,
+  type BuilderContent,
+} from '@builder.io/sdk-angular';
 import { customHeroInfo } from './custom-hero/custom-hero.component';
 
 @Component({
@@ -9,25 +13,27 @@ import { customHeroInfo } from './custom-hero/custom-hero.component';
   standalone: true,
   imports: [Content, CommonModule],
   template: `
-    <div *ngIf="content; else notFound">
+    <div *ngIf="canShowContent; else notFound">
       <builder-content
         [content]="content"
         [customComponents]="[customHeroInfo]"
       ></builder-content>
     </div>
-
-    <ng-template #notFound>404 Not Found</ng-template>
+    <ng-template #notFound> 404 </ng-template>
   `,
 })
 export class CustomChildComponent implements OnInit {
   content: BuilderContent | null = null;
   customHeroInfo = customHeroInfo;
+  canShowContent = false;
 
   constructor(private route: ActivatedRoute) {}
 
   async ngOnInit() {
     this.route.data.subscribe((data: any) => {
       this.content = data.content;
+      const searchParams = this.route.snapshot.queryParams;
+      this.canShowContent = !!this.content || isPreviewing(searchParams);
     });
   }
 }
diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/editable-regions/editable-regions.component.ts b/packages/sdks/snippets/angular-16-ssr/src/app/editable-regions/editable-regions.component.ts
index 1be890b1e34..a9f86d8a39b 100644
--- a/packages/sdks/snippets/angular-16-ssr/src/app/editable-regions/editable-regions.component.ts
+++ b/packages/sdks/snippets/angular-16-ssr/src/app/editable-regions/editable-regions.component.ts
@@ -1,7 +1,11 @@
 import { CommonModule } from '@angular/common';
 import { Component, type OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { Content, type BuilderContent } from '@builder.io/sdk-angular';
+import {
+  Content,
+  isPreviewing,
+  type BuilderContent,
+} from '@builder.io/sdk-angular';
 import { customColumnsInfo } from './custom-columns/custom-columns.component';
 
 @Component({
@@ -9,7 +13,7 @@ import { customColumnsInfo } from './custom-columns/custom-columns.component';
   standalone: true,
   imports: [CommonModule, Content],
   template: `
-    <div *ngIf="content; else notFound">
+    <div *ngIf="canShowContent; else notFound">
       <builder-content
         [content]="content"
         [model]="model"
@@ -25,12 +29,15 @@ export class EditableRegionComponent implements OnInit {
   apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
   customComponents = [customColumnsInfo];
   content: BuilderContent | null = null;
+  canShowContent = false;
 
   constructor(private route: ActivatedRoute) {}
 
   async ngOnInit() {
     this.route.data.subscribe((data: any) => {
       this.content = data.content;
+      const searchParams = this.route.snapshot.queryParams;
+      this.canShowContent = !!this.content || isPreviewing(searchParams);
     });
   }
 }
diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/home/homepage.component.ts b/packages/sdks/snippets/angular-16-ssr/src/app/home/homepage.component.ts
index 6b1c1facb3b..b09bb08d297 100644
--- a/packages/sdks/snippets/angular-16-ssr/src/app/home/homepage.component.ts
+++ b/packages/sdks/snippets/angular-16-ssr/src/app/home/homepage.component.ts
@@ -13,29 +13,27 @@ import {
   imports: [Content, CommonModule],
   template: `
     <builder-content
-      *ngIf="content || isPreviewing(); else notFound"
+      *ngIf="canShowContent; else notFound"
       [model]="model"
       [content]="content"
       [apiKey]="apiKey"
     ></builder-content>
-    <ng-template #notFound>
-      <div>404</div>
-    </ng-template>
+    <ng-template #notFound> 404 </ng-template>
   `,
 })
 export class HomepageComponent implements OnInit {
   content: BuilderContent | null = null;
-
   model = 'homepage';
   apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
-
-  isPreviewing = isPreviewing;
+  canShowContent = false;
 
   constructor(private route: ActivatedRoute) {}
 
   async ngOnInit() {
     this.route.data.subscribe((data: any) => {
       this.content = data.content;
+      const searchParams = this.route.snapshot.queryParams;
+      this.canShowContent = !!this.content || isPreviewing(searchParams);
     });
   }
 }
diff --git a/packages/sdks/snippets/angular-16/src/app/advanced-child/advanced-child.component.ts b/packages/sdks/snippets/angular-16/src/app/advanced-child/advanced-child.component.ts
index 1045366f240..6b36fbf4414 100644
--- a/packages/sdks/snippets/angular-16/src/app/advanced-child/advanced-child.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/advanced-child/advanced-child.component.ts
@@ -3,6 +3,7 @@ import { Component, type OnInit } from '@angular/core';
 import {
   Content,
   fetchOneEntry,
+  isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-angular';
 import {
@@ -43,6 +44,6 @@ export class AdvancedChildComponent implements OnInit {
       },
     });
 
-    this.notFound = !this.content;
+    this.notFound = !this.content && !isPreviewing();
   }
 }
diff --git a/packages/sdks/snippets/angular-16/src/app/announcement-bar/announcement-bar.component.ts b/packages/sdks/snippets/angular-16/src/app/announcement-bar/announcement-bar.component.ts
index 5682c099527..be6e11f4bb1 100644
--- a/packages/sdks/snippets/angular-16/src/app/announcement-bar/announcement-bar.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/announcement-bar/announcement-bar.component.ts
@@ -9,6 +9,7 @@ import { Component } from '@angular/core';
 import {
   Content,
   fetchOneEntry,
+  isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-angular';
 
@@ -17,7 +18,7 @@ import {
   standalone: true,
   imports: [CommonModule, Content],
   template: `
-    <ng-container *ngIf="content">
+    <ng-container *ngIf="!notFound">
       <builder-content
         [model]="model"
         [content]="content"
@@ -25,6 +26,9 @@ import {
       ></builder-content>
     </ng-container>
 
+    <ng-template #notFound>
+      <div>404 - Content not found</div>
+    </ng-template>
     <!-- Your content coming from your app (or also Builder) -->
     <div>The rest of your page goes here</div>
   `,
@@ -33,6 +37,7 @@ export class AnnouncementBarComponent {
   apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
   model = 'announcement-bar';
   content: BuilderContent | null = null;
+  notFound = false;
 
   async ngOnInit() {
     const urlPath = window.location.pathname || '';
@@ -45,10 +50,7 @@ export class AnnouncementBarComponent {
       },
     });
 
-    if (!content) {
-      return;
-    }
-
     this.content = content;
+    this.notFound = !content && !isPreviewing();
   }
 }
diff --git a/packages/sdks/snippets/angular-16/src/app/blog-article/blog-article.component.ts b/packages/sdks/snippets/angular-16/src/app/blog-article/blog-article.component.ts
index 7bffe8dbf58..d65cc6568b3 100644
--- a/packages/sdks/snippets/angular-16/src/app/blog-article/blog-article.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/blog-article/blog-article.component.ts
@@ -3,6 +3,7 @@ import { Component } from '@angular/core';
 import {
   Content,
   fetchOneEntry,
+  isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-angular';
 
@@ -10,16 +11,18 @@ import {
   selector: 'app-blog-article',
   standalone: true,
   imports: [Content, CommonModule],
-  template: `<div *ngIf="article" class="content">
-    <h1>{{ article.data?.title }}</h1>
-    <p>{{ article.data?.['blurb'] }}</p>
-    <img [src]="article.data?.['image']" alt="" />
-    <builder-content [model]="model" [content]="article"></builder-content>
-  </div> `,
+  template: `<div *ngIf="!notFound" class="content">
+      <h1>{{ article?.data?.title }}</h1>
+      <p>{{ article?.data?.['blurb'] }}</p>
+      <img [src]="article?.data?.['image']" alt="" />
+      <builder-content [model]="model" [content]="article"></builder-content>
+    </div>
+    <div *ngIf="notFound">404 - Content not found</div>`,
 })
 export class BlogArticleComponent {
   article: BuilderContent | null = null;
   model = 'blog-article';
+  notFound = false;
 
   async ngOnInit() {
     this.article = await fetchOneEntry({
@@ -29,5 +32,6 @@ export class BlogArticleComponent {
         'data.handle': 'new-product-line',
       },
     });
+    this.notFound = !this.article && !isPreviewing();
   }
 }
diff --git a/packages/sdks/snippets/angular-16/src/app/catch-all/catch-all.component.ts b/packages/sdks/snippets/angular-16/src/app/catch-all/catch-all.component.ts
index 369ce1c3fc3..6e6dc1568bb 100644
--- a/packages/sdks/snippets/angular-16/src/app/catch-all/catch-all.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/catch-all/catch-all.component.ts
@@ -8,6 +8,7 @@ import { Component } from '@angular/core';
 import {
   Content,
   fetchOneEntry,
+  isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-angular';
 
@@ -16,7 +17,7 @@ import {
   standalone: true,
   imports: [Content, CommonModule],
   template: `
-    <ng-container *ngIf="content; else notFound">
+    <ng-container *ngIf="!notFound">
       <builder-content
         [model]="model"
         [content]="content"
@@ -33,6 +34,7 @@ export class CatchAllComponent {
   apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
   model = 'page';
   content: BuilderContent | null = null;
+  notFound = false;
 
   async ngOnInit() {
     const urlPath = window.location.pathname || '';
@@ -45,10 +47,7 @@ export class CatchAllComponent {
       },
     });
 
-    if (!content) {
-      return;
-    }
-
     this.content = content;
+    this.notFound = !content && !isPreviewing();
   }
 }
diff --git a/packages/sdks/snippets/angular-16/src/app/custom-child/custom-child.component.ts b/packages/sdks/snippets/angular-16/src/app/custom-child/custom-child.component.ts
index 59877bfd5ed..ac54761b8eb 100644
--- a/packages/sdks/snippets/angular-16/src/app/custom-child/custom-child.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/custom-child/custom-child.component.ts
@@ -3,6 +3,7 @@ import { Component, type OnInit } from '@angular/core';
 import {
   Content,
   fetchOneEntry,
+  isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-angular';
 import { customHeroInfo } from './custom-hero/custom-hero.component';
@@ -12,7 +13,7 @@ import { customHeroInfo } from './custom-hero/custom-hero.component';
   standalone: true,
   imports: [Content, CommonModule],
   template: `
-    <div *ngIf="content">
+    <div *ngIf="!notFound">
       <builder-content
         [content]="content"
         [model]="model"
@@ -20,7 +21,6 @@ import { customHeroInfo } from './custom-hero/custom-hero.component';
         [customComponents]="[customHeroInfo]"
       ></builder-content>
     </div>
-
     <div *ngIf="notFound">404 Not Found</div>
   `,
 })
@@ -39,9 +39,6 @@ export class CustomChildComponent implements OnInit {
         urlPath: window.location.pathname,
       },
     });
-
-    if (!this.content) {
-      this.notFound = true;
-    }
+    this.notFound = !this.content && !isPreviewing();
   }
 }
diff --git a/packages/sdks/snippets/angular-16/src/app/editable-regions/editable-regions.component.ts b/packages/sdks/snippets/angular-16/src/app/editable-regions/editable-regions.component.ts
index 8388112372d..674823d207f 100644
--- a/packages/sdks/snippets/angular-16/src/app/editable-regions/editable-regions.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/editable-regions/editable-regions.component.ts
@@ -3,6 +3,7 @@ import { Component, type OnInit } from '@angular/core';
 import {
   Content,
   fetchOneEntry,
+  isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-angular';
 import { customColumnsInfo } from './custom-columns/custom-columns.component';
@@ -38,6 +39,6 @@ export class EditableRegionComponent implements OnInit {
         urlPath: window.location.pathname,
       },
     });
-    this.notFound = !this.content;
+    this.notFound = !this.content && !isPreviewing();
   }
 }
diff --git a/packages/sdks/snippets/angular-16/src/app/live-preview/live-preview.component.ts b/packages/sdks/snippets/angular-16/src/app/live-preview/live-preview.component.ts
index 244da8b4683..ab56fd406a3 100644
--- a/packages/sdks/snippets/angular-16/src/app/live-preview/live-preview.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/live-preview/live-preview.component.ts
@@ -2,31 +2,54 @@ import { CommonModule } from '@angular/common';
 import type { OnDestroy, OnInit } from '@angular/core';
 import { Component } from '@angular/core';
 import type { BuilderContent } from '@builder.io/sdk-angular';
-import { subscribeToEditor } from '@builder.io/sdk-angular';
+import {
+  fetchOneEntry,
+  isPreviewing,
+  subscribeToEditor,
+} from '@builder.io/sdk-angular';
 
 @Component({
   standalone: true,
   selector: 'app-live-preview',
   imports: [CommonModule],
   template: `
-    <div *ngIf="content" class="blog-data-preview">
-      <div>Blog Title: {{ content.data?.title }}</div>
-      <div>Authored by: {{ content.data?.['author'] }}</div>
-      <div>Handle: {{ content.data?.['handle'] }}</div>
+    <div *ngIf="loading">Loading Data...</div>
+
+    <div *ngIf="!loading && !notFound" class="blog-data-preview">
+      <div>Blog Title: {{ content!.data?.title }}</div>
+      <div>Authored by: {{ content!.data?.['author'] }}</div>
+      <div>Handle: {{ content!.data?.['handle'] }}</div>
     </div>
+    <div *ngIf="notFound">404 - Content not found</div>
   `,
 })
 export class LivePreviewComponent implements OnInit, OnDestroy {
   content: BuilderContent | null = null;
+  loading = true;
+  notFound = false;
 
   private unsubscribeFn: () => void = () => {};
 
   ngOnInit(): void {
+    fetchOneEntry({
+      model: 'blog-data',
+      apiKey: 'ee9f13b4981e489a9a1209887695ef2b',
+      userAttributes: { urlPath: window.location.pathname },
+    })
+      .then((data) => {
+        this.content = data;
+        this.notFound = !this.content && !isPreviewing();
+      })
+      .finally(() => {
+        this.loading = false;
+      });
+
     this.unsubscribeFn = subscribeToEditor({
       model: 'blog-data',
       apiKey: 'ee9f13b4981e489a9a1209887695ef2b',
       callback: (updatedContent) => {
         this.content = updatedContent;
+        this.notFound = !this.content && !isPreviewing();
       },
     });
   }
diff --git a/packages/sdks/snippets/angular-16/src/app/nav-bar/nav-bar.component.ts b/packages/sdks/snippets/angular-16/src/app/nav-bar/nav-bar.component.ts
index f49c004486e..cfaf9da2971 100644
--- a/packages/sdks/snippets/angular-16/src/app/nav-bar/nav-bar.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/nav-bar/nav-bar.component.ts
@@ -1,6 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
-import { fetchOneEntry, type BuilderContent } from '@builder.io/sdk-angular';
+import {
+  fetchOneEntry,
+  isPreviewing,
+  type BuilderContent,
+} from '@builder.io/sdk-angular';
 import { NavLinksComponent } from './nav-links/nav-links.component';
 
 @Component({
@@ -10,6 +14,7 @@ import { NavLinksComponent } from './nav-links/nav-links.component';
   template: `
     <nav
       style="display: flex; justify-content: space-between; align-items: center; padding: 1rem;"
+      *ngIf="!notFound"
     >
       <div class="brand-name">
         <h1>Acme company</h1>
@@ -22,10 +27,12 @@ import { NavLinksComponent } from './nav-links/nav-links.component';
         <button>Register</button>
       </div>
     </nav>
+    <div *ngIf="notFound">404 - Navigation not found</div>
   `,
 })
 export class NavBarComponent {
   links: BuilderContent = { data: { links: [] } };
+  notFound = false;
 
   async ngOnInit() {
     this.links =
@@ -33,5 +40,6 @@ export class NavBarComponent {
         model: 'navigation-links',
         apiKey: 'ee9f13b4981e489a9a1209887695ef2b',
       })) || this.links;
+    this.notFound = !this.links?.data?.['links']?.length && !isPreviewing();
   }
 }
diff --git a/packages/sdks/snippets/angular-16/src/app/product-details/product-details.component.ts b/packages/sdks/snippets/angular-16/src/app/product-details/product-details.component.ts
index eb5dfab769b..c65e355609c 100644
--- a/packages/sdks/snippets/angular-16/src/app/product-details/product-details.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/product-details/product-details.component.ts
@@ -1,33 +1,38 @@
 import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
-import { fetchOneEntry, type BuilderContent } from '@builder.io/sdk-angular';
+import {
+  fetchOneEntry,
+  isPreviewing,
+  type BuilderContent,
+} from '@builder.io/sdk-angular';
 
 @Component({
   selector: 'app-product-details',
   standalone: true,
   imports: [CommonModule],
   template: `
-    <div *ngIf="productDetails">
-      <h1>{{ productDetails.data?.['name'] }}</h1>
+    <div *ngIf="!notFound">
+      <h1>{{ productDetails?.data?.['name'] }}</h1>
       <img
-        [src]="productDetails.data?.['image']"
-        [alt]="productDetails.data?.['name']"
+        [src]="productDetails?.data?.['image']"
+        [alt]="productDetails?.data?.['name']"
       />
-      <p>{{ productDetails.data?.['collection'].value.data.copy }}</p>
+      <p>{{ productDetails?.data?.['collection'].value.data.copy }}</p>
       <p>
         Price:
-        {{ productDetails.data?.['collection'].value.data.price }}
+        {{ productDetails?.data?.['collection'].value.data.price }}
       </p>
     </div>
 
-    <div *ngIf="!productDetails">
-      <p>Loading product details...</p>
+    <div *ngIf="notFound">
+      <p>404 - Product not found</p>
     </div>
   `,
 })
 export class ProductDetailsComponent {
   productDetails: BuilderContent | null = null;
   apiKey: string = 'ee9f13b4981e489a9a1209887695ef2b';
+  notFound = false;
 
   async ngOnInit() {
     this.productDetails = await fetchOneEntry({
@@ -37,5 +42,6 @@ export class ProductDetailsComponent {
         'data.handle': 'jacket',
       },
     });
+    this.notFound = !this.productDetails && !isPreviewing();
   }
 }
diff --git a/packages/sdks/snippets/angular-16/src/app/product-editorial/product-editorial.component.ts b/packages/sdks/snippets/angular-16/src/app/product-editorial/product-editorial.component.ts
index c5670e982a4..bcce8b4cf3b 100644
--- a/packages/sdks/snippets/angular-16/src/app/product-editorial/product-editorial.component.ts
+++ b/packages/sdks/snippets/angular-16/src/app/product-editorial/product-editorial.component.ts
@@ -3,6 +3,7 @@ import { Component } from '@angular/core';
 import {
   Content,
   fetchOneEntry,
+  isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-angular';
 import { FooterComponent } from './footer/footer.component';
@@ -24,7 +25,10 @@ import { ProductInfoComponent } from './product-info/product-info.component';
 
     <app-product-info [product]="product" />
 
-    <builder-content [content]="editorial" model="product-editorial" />
+    <ng-container *ngIf="!notFound">
+      <builder-content [content]="editorial" model="product-editorial" />
+    </ng-container>
+    <div *ngIf="notFound">404</div>
 
     <app-footer />
   `,
@@ -33,11 +37,13 @@ export class ProductEditorialComponent {
   product: any;
   editorial: BuilderContent | null = null;
   productId?: string;
+  notFound = false;
 
   async ngOnInit() {
     this.productId = window.location.pathname.split('/').pop() || '';
     if (this.productId) {
       await this.fetchProductAndEditorial();
+      this.notFound = !this.editorial && !isPreviewing();
     }
   }
 
diff --git a/packages/sdks/snippets/hydrogen/app/components/AnnouncementBarPage.tsx b/packages/sdks/snippets/hydrogen/app/components/AnnouncementBarPage.tsx
index 911884f94f6..225c2a19632 100644
--- a/packages/sdks/snippets/hydrogen/app/components/AnnouncementBarPage.tsx
+++ b/packages/sdks/snippets/hydrogen/app/components/AnnouncementBarPage.tsx
@@ -3,11 +3,7 @@
  * snippets/hydrogen/app/components/AnnouncementBarPage.tsx
  */
 
-import {
-  Content,
-  fetchOneEntry,
-  getBuilderSearchParams,
-} from '@builder.io/sdk-react';
+import {Content, fetchOneEntry} from '@builder.io/sdk-react';
 import type {LoaderFunction} from '@remix-run/node';
 import {useLoaderData} from '@remix-run/react';
 import {useNonce} from '@shopify/hydrogen';
@@ -29,7 +25,6 @@ export const announcementsLoader: LoaderFunction = async ({
       userAttributes: {
         urlPath: pathname,
       },
-      options: getBuilderSearchParams(url.searchParams),
     });
 
     return {content, model};
diff --git a/packages/sdks/snippets/hydrogen/app/components/app.tsx b/packages/sdks/snippets/hydrogen/app/components/app.tsx
index 67dc4edc666..c76e55b6b23 100644
--- a/packages/sdks/snippets/hydrogen/app/components/app.tsx
+++ b/packages/sdks/snippets/hydrogen/app/components/app.tsx
@@ -3,11 +3,7 @@
  * snippets/hydrogen/app/components/app.tsx
  */
 
-import {
-  Content,
-  fetchOneEntry,
-  getBuilderSearchParams,
-} from '@builder.io/sdk-react';
+import {Content, fetchOneEntry, isPreviewing} from '@builder.io/sdk-react';
 import type {LoaderFunction} from '@remix-run/node';
 import {useLoaderData} from '@remix-run/react';
 import {useNonce} from '@shopify/hydrogen';
@@ -26,9 +22,8 @@ export const builderLoader: LoaderFunction = async ({params, request}) => {
       userAttributes: {
         urlPath: pathname,
       },
-      options: getBuilderSearchParams(url.searchParams),
     });
-    return {content, model};
+    return {content, model, searchParams: Object.fromEntries(url.searchParams)};
   } catch (e) {
     console.error(e);
     return {content: null};
@@ -36,20 +31,27 @@ export const builderLoader: LoaderFunction = async ({params, request}) => {
 };
 
 export default function BuilderPage() {
-  const {content, model} = useLoaderData<{content: any; model: string}>();
+  const {content, model, searchParams} = useLoaderData<{
+    content: any;
+    model: string;
+    searchParams: Record<string, string>;
+  }>();
   const nonce = useNonce();
 
+  const canShowContent = content || isPreviewing(searchParams);
+
   return (
     <div>
-      {content && (
+      {canShowContent ? (
         <Content
           model={model}
           apiKey={BUILDER_API_KEY}
           content={content}
           nonce={nonce}
         />
+      ) : (
+        <div>404</div>
       )}
-      <div>The rest of your page goes here</div>
     </div>
   );
 }
diff --git a/packages/sdks/snippets/hydrogen/app/routes/advanced-child.tsx b/packages/sdks/snippets/hydrogen/app/routes/advanced-child.tsx
index 423e6a852d7..4f202e84611 100644
--- a/packages/sdks/snippets/hydrogen/app/routes/advanced-child.tsx
+++ b/packages/sdks/snippets/hydrogen/app/routes/advanced-child.tsx
@@ -6,29 +6,33 @@ import {customTabsInfo} from '~/components/CustomTabs';
 const MODEL_NAME = 'advanced-child';
 const API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 
-export const loader: LoaderFunction = async ({params}) => {
+export const loader: LoaderFunction = async ({params, request}) => {
+  const url = new URL(request.url);
   const content = await fetchOneEntry({
     model: MODEL_NAME,
     apiKey: API_KEY,
     userAttributes: {urlPath: params.pathname},
   });
 
-  return {content};
+  return {content, searchParams: Object.fromEntries(url.searchParams)};
 };
 
 export default function AdvancedChildRoute() {
-  const {content} = useLoaderData<typeof loader>();
+  const {content, searchParams} = useLoaderData<{
+    content: any;
+    searchParams: Record<string, string>;
+  }>();
 
-  if (!content && !isPreviewing()) {
-    return <div>404</div>;
-  }
+  const canShowContent = content || isPreviewing(searchParams);
 
-  return (
+  return canShowContent ? (
     <Content
       content={content}
       model={MODEL_NAME}
       apiKey={API_KEY}
       customComponents={[customTabsInfo]}
     />
+  ) : (
+    <div>404</div>
   );
 }
diff --git a/packages/sdks/snippets/hydrogen/app/routes/blogs.$handle.tsx b/packages/sdks/snippets/hydrogen/app/routes/blogs.$handle.tsx
index 4d7b544a37c..8f9fb2b7f24 100644
--- a/packages/sdks/snippets/hydrogen/app/routes/blogs.$handle.tsx
+++ b/packages/sdks/snippets/hydrogen/app/routes/blogs.$handle.tsx
@@ -5,25 +5,32 @@ import {fetchOneEntry, Content, isPreviewing} from '@builder.io/sdk-react';
 const MODEL = 'blog-article';
 const API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 
-export const loader = async ({params}: LoaderFunctionArgs) => {
+export const loader = async ({params, request}: LoaderFunctionArgs) => {
+  const url = new URL(request.url);
   const content = await fetchOneEntry({
     model: MODEL,
     apiKey: API_KEY,
     query: {'data.handle': params.handle},
   });
-  return {content};
+  return {content, searchParams: Object.fromEntries(url.searchParams)};
 };
+
 export default function BlogArticlePage() {
-  const {content} = useLoaderData<{content: any}>();
+  const {content, searchParams} = useLoaderData<{
+    content: any;
+    searchParams: Record<string, string>;
+  }>();
 
-  if (!content && !isPreviewing()) return <div>404</div>;
+  const canShowContent = content || isPreviewing(searchParams);
 
-  return (
+  return canShowContent ? (
     <div className="content">
       <h1>{content.data?.title}</h1>
       <p>{content.data?.blurb}</p>
       <img src={content.data?.image} alt={content.data?.title} />
       <Content model={MODEL} content={content} apiKey={API_KEY} />
     </div>
+  ) : (
+    <div>404</div>
   );
 }
diff --git a/packages/sdks/snippets/hydrogen/app/routes/custom-child.tsx b/packages/sdks/snippets/hydrogen/app/routes/custom-child.tsx
index f828a1bd840..d7b068300ce 100644
--- a/packages/sdks/snippets/hydrogen/app/routes/custom-child.tsx
+++ b/packages/sdks/snippets/hydrogen/app/routes/custom-child.tsx
@@ -1,4 +1,4 @@
-import type {LoaderFunction, LoaderFunctionArgs} from '@remix-run/node';
+import type {LoaderFunction} from '@remix-run/node';
 import {useLoaderData} from '@remix-run/react';
 import {Content, fetchOneEntry, isPreviewing} from '@builder.io/sdk-react';
 import {customHeroInfo} from '~/components/CustomHero';
@@ -6,7 +6,8 @@ import {customHeroInfo} from '~/components/CustomHero';
 const MODEL_NAME = 'custom-child';
 const API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 
-export const loader: LoaderFunction = async ({params}) => {
+export const loader: LoaderFunction = async ({params, request}) => {
+  const url = new URL(request.url);
   const content = await fetchOneEntry({
     model: MODEL_NAME,
     apiKey: API_KEY,
@@ -14,21 +15,24 @@ export const loader: LoaderFunction = async ({params}) => {
       urlPath: params.pathname,
     },
   });
-  return {content};
+  return {content, searchParams: Object.fromEntries(url.searchParams)};
 };
 export default function CustomChildRoute() {
-  const {content} = useLoaderData<typeof loader>();
+  const {content, searchParams} = useLoaderData<{
+    content: any;
+    searchParams: Record<string, string>;
+  }>();
 
-  if (!content && !isPreviewing()) {
-    return <div>404</div>;
-  }
+  const canShowContent = content || isPreviewing(searchParams);
 
-  return (
+  return canShowContent ? (
     <Content
       content={content}
       model={MODEL_NAME}
       apiKey={API_KEY}
       customComponents={[customHeroInfo]}
     />
+  ) : (
+    <div>404</div>
   );
 }
diff --git a/packages/sdks/snippets/hydrogen/app/routes/editable-region.tsx b/packages/sdks/snippets/hydrogen/app/routes/editable-region.tsx
index 86703daf74a..13693029778 100644
--- a/packages/sdks/snippets/hydrogen/app/routes/editable-region.tsx
+++ b/packages/sdks/snippets/hydrogen/app/routes/editable-region.tsx
@@ -6,29 +6,33 @@ import {customColumnsInfo} from '~/components/CustomColumns';
 const MODEL_NAME = 'editable-regions';
 const API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 
-export const loader: LoaderFunction = async ({params}) => {
+export const loader: LoaderFunction = async ({params, request}) => {
+  const url = new URL(request.url);
   const content = await fetchOneEntry({
     model: MODEL_NAME,
     apiKey: API_KEY,
     userAttributes: {urlPath: params.pathname},
   });
 
-  return {content};
+  return {content, searchParams: Object.fromEntries(url.searchParams)};
 };
 
 export default function EditableRegionsRoute() {
-  const {content} = useLoaderData<typeof loader>();
+  const {content, searchParams} = useLoaderData<{
+    content: any;
+    searchParams: Record<string, string>;
+  }>();
 
-  if (!content && !isPreviewing()) {
-    return <div>404</div>;
-  }
+  const canShowContent = content || isPreviewing(searchParams);
 
-  return (
+  return canShowContent ? (
     <Content
       content={content}
       model={MODEL_NAME}
       apiKey={API_KEY}
       customComponents={[customColumnsInfo]}
     />
+  ) : (
+    <div>404</div>
   );
 }
diff --git a/packages/sdks/snippets/hydrogen/app/routes/home.tsx b/packages/sdks/snippets/hydrogen/app/routes/home.tsx
index 6a18d58a242..ec065ee3186 100644
--- a/packages/sdks/snippets/hydrogen/app/routes/home.tsx
+++ b/packages/sdks/snippets/hydrogen/app/routes/home.tsx
@@ -5,18 +5,24 @@ import {useLoaderData} from '@remix-run/react';
 const model = 'homepage';
 const apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
 
-export const loader: LoaderFunction = async () => {
+export const loader: LoaderFunction = async ({request}) => {
+  const url = new URL(request.url);
   const content = await fetchOneEntry({
     model: model,
     apiKey: apiKey,
   });
 
-  return {content};
+  return {content, searchParams: Object.fromEntries(url.searchParams)};
 };
 export default function Home() {
-  const {content} = useLoaderData<typeof loader>();
+  const {content, searchParams} = useLoaderData<{
+    content: any;
+    searchParams: Record<string, string>;
+  }>();
 
-  return content || isPreviewing() ? (
+  const canShowContent = content || isPreviewing(searchParams);
+
+  return canShowContent ? (
     <Content model={model} content={content} apiKey={apiKey} />
   ) : (
     <div>404</div>
diff --git a/packages/sdks/snippets/nextjs-sdk-next-app/app/[[...slug]]/page.tsx b/packages/sdks/snippets/nextjs-sdk-next-app/app/[[...slug]]/page.tsx
index 655f96e0665..2dcb914c6b0 100644
--- a/packages/sdks/snippets/nextjs-sdk-next-app/app/[[...slug]]/page.tsx
+++ b/packages/sdks/snippets/nextjs-sdk-next-app/app/[[...slug]]/page.tsx
@@ -23,10 +23,10 @@ export default async function Page(props: PageProps) {
   const urlPath = '/' + (props.params?.slug?.join('/') || '');
 
   const content = await fetchOneEntry({
-    options: getBuilderSearchParams(props.searchParams),
     apiKey: PUBLIC_API_KEY,
     model: 'page',
     userAttributes: { urlPath },
+    options: getBuilderSearchParams(props.searchParams),
   });
 
   const canShowContent = content || isPreviewing(props.searchParams);
diff --git a/packages/sdks/snippets/nextjs-sdk-next-app/app/announcements/[...slug]/page.tsx b/packages/sdks/snippets/nextjs-sdk-next-app/app/announcements/[...slug]/page.tsx
index 14f90f35db5..aac37f831ad 100644
--- a/packages/sdks/snippets/nextjs-sdk-next-app/app/announcements/[...slug]/page.tsx
+++ b/packages/sdks/snippets/nextjs-sdk-next-app/app/announcements/[...slug]/page.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isEditing,
   isPreviewing,
 } from '@builder.io/sdk-react-nextjs';
@@ -27,8 +26,9 @@ export default async function Page(props: PageProps) {
   const content = await fetchOneEntry({
     apiKey,
     model,
-    options: getBuilderSearchParams(props.searchParams),
+
     userAttributes: { urlPath },
+
   });
 
   const canShowContent =
diff --git a/packages/sdks/snippets/nuxt/pages/[...app].vue b/packages/sdks/snippets/nuxt/pages/[...app].vue
index ff00915bd60..661d6dfee07 100644
--- a/packages/sdks/snippets/nuxt/pages/[...app].vue
+++ b/packages/sdks/snippets/nuxt/pages/[...app].vue
@@ -5,7 +5,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
 } from '@builder.io/sdk-vue';
 import { ref } from 'vue';
@@ -22,7 +21,7 @@ const { data: content } = await useAsyncData(
     fetchOneEntry({
       model,
       apiKey,
-      options: getBuilderSearchParams(route.query),
+
       userAttributes: { urlPath: route.path },
     })
 );
diff --git a/packages/sdks/snippets/nuxt/pages/advanced-child.vue b/packages/sdks/snippets/nuxt/pages/advanced-child.vue
index be5ff612ce1..359988369c2 100644
--- a/packages/sdks/snippets/nuxt/pages/advanced-child.vue
+++ b/packages/sdks/snippets/nuxt/pages/advanced-child.vue
@@ -7,6 +7,10 @@ const route = useRoute();
 const model = 'advanced-child';
 const apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
 
+const searchParams = process.server 
+  ? new URLSearchParams(useRequestURL().search) 
+  : new URLSearchParams(window.location.search);
+
 const { data: content, pending } = await useAsyncData(
   `builder-${model}-${route.path}`,
   () =>
@@ -23,7 +27,7 @@ const { data: content, pending } = await useAsyncData(
 <template>
   <div>
     <div v-if="pending">Loading...</div>
-    <div v-else-if="!content && !isPreviewing()">404 - Not Found</div>
+    <div v-else-if="!content && !isPreviewing(searchParams)">404 - Not Found</div>
     <Content
       v-else
       :content="content"
diff --git a/packages/sdks/snippets/nuxt/pages/announcements/[...app].vue b/packages/sdks/snippets/nuxt/pages/announcements/[...app].vue
index 5c1473c41a5..1e057f37615 100644
--- a/packages/sdks/snippets/nuxt/pages/announcements/[...app].vue
+++ b/packages/sdks/snippets/nuxt/pages/announcements/[...app].vue
@@ -7,7 +7,6 @@ import {
   Content,
   fetchOneEntry,
   isPreviewing,
-  getBuilderSearchParams,
 } from '@builder.io/sdk-vue';
 import { ref } from 'vue';
 
@@ -23,7 +22,7 @@ const { data: announcement } = await useAsyncData(
     fetchOneEntry({
       model,
       apiKey,
-      options: getBuilderSearchParams(route.query),
+
       userAttributes: { urlPath: route.path },
     })
 );
diff --git a/packages/sdks/snippets/nuxt/pages/blogs/[handle].vue b/packages/sdks/snippets/nuxt/pages/blogs/[handle].vue
index 4b1318dd095..e8de4e38d13 100644
--- a/packages/sdks/snippets/nuxt/pages/blogs/[handle].vue
+++ b/packages/sdks/snippets/nuxt/pages/blogs/[handle].vue
@@ -1,11 +1,15 @@
 <script setup lang="ts">
-import { Content, fetchOneEntry } from '@builder.io/sdk-vue';
+import { Content, fetchOneEntry, isPreviewing } from '@builder.io/sdk-vue';
 import { useRoute } from 'nuxt/app';
 
 const model = 'blog-article';
 const API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 const route = useRoute();
 
+const searchParams = process.server 
+  ? new URLSearchParams(useRequestURL().search) 
+  : new URLSearchParams(window.location.search);
+
 const { data: article } = await useAsyncData('blogArticle', () =>
   fetchOneEntry({
     model,
@@ -16,7 +20,7 @@ const { data: article } = await useAsyncData('blogArticle', () =>
 </script>
 
 <template>
-  <div v-if="!article && !isPreviewing()">404</div>
+  <div v-if="!article && !isPreviewing(searchParams)">404</div>
   <div v-if="article?.data" class="content">
     <h1>{{ article.data.title }}</h1>
     <p>{{ article.data.blurb }}</p>
diff --git a/packages/sdks/snippets/nuxt/pages/custom-child.vue b/packages/sdks/snippets/nuxt/pages/custom-child.vue
index 6ca119ac9a1..e69eda83476 100644
--- a/packages/sdks/snippets/nuxt/pages/custom-child.vue
+++ b/packages/sdks/snippets/nuxt/pages/custom-child.vue
@@ -7,6 +7,10 @@ const route = useRoute();
 const model = 'custom-child';
 const apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
 
+const searchParams = process.server 
+  ? new URLSearchParams(useRequestURL().search) 
+  : new URLSearchParams(window.location.search);
+
 const { data: content, pending } = await useAsyncData(
   `builder-${model}-${route.path}`,
   () =>
@@ -22,7 +26,7 @@ const { data: content, pending } = await useAsyncData(
 
 <template>
   <div v-if="pending">Loading...</div>
-  <div v-else-if="!content && !isPreviewing()">404 - Not Found</div>
+  <div v-else-if="!content && !isPreviewing(searchParams)">404 - Not Found</div>
   <Content
     v-else
     :content="content"
diff --git a/packages/sdks/snippets/nuxt/pages/editable-region.vue b/packages/sdks/snippets/nuxt/pages/editable-region.vue
index 234288ea4d9..f56cf67c460 100644
--- a/packages/sdks/snippets/nuxt/pages/editable-region.vue
+++ b/packages/sdks/snippets/nuxt/pages/editable-region.vue
@@ -1,17 +1,3 @@
-<template>
-  <div>
-    <div v-if="pending">Loading...</div>
-    <div v-else-if="!content && !isPreviewing()">404 - Not Found</div>
-    <Content
-      v-else
-      :content="content"
-      :model="model"
-      :apiKey="apikey"
-      :customComponents="[CustomColumnsInfo]"
-    />
-  </div>
-</template>
-
 <script setup lang="ts">
 import { Content, fetchOneEntry, isPreviewing } from '@builder.io/sdk-vue';
 import CustomColumnsInfo from '../components/CustomColumnsInfo';
@@ -21,6 +7,10 @@ const route = useRoute();
 const model = 'editable-regions';
 const apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
 
+const searchParams = process.server 
+  ? new URLSearchParams(useRequestURL().search) 
+  : new URLSearchParams(window.location.search);
+
 const { data: content, pending } = await useAsyncData(
   `builder-${model}-${route.path}`,
   () =>
@@ -31,3 +21,17 @@ const { data: content, pending } = await useAsyncData(
     })
 );
 </script>
+
+<template>
+  <div>
+    <div v-if="pending">Loading...</div>
+    <div v-else-if="!content && !isPreviewing(searchParams)">404 - Not Found</div>
+    <Content
+      v-else
+      :content="content"
+      :model="model"
+      :apiKey="apiKey"
+      :customComponents="[CustomColumnsInfo]"
+    />
+  </div>
+</template>
diff --git a/packages/sdks/snippets/nuxt/pages/home.vue b/packages/sdks/snippets/nuxt/pages/home.vue
index 69b54813cf6..3b746632c3f 100644
--- a/packages/sdks/snippets/nuxt/pages/home.vue
+++ b/packages/sdks/snippets/nuxt/pages/home.vue
@@ -5,6 +5,10 @@ import { Content, fetchOneEntry, isPreviewing } from '@builder.io/sdk-vue';
 const model = 'homepage';
 const apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
 
+const searchParams = process.server 
+  ? new URLSearchParams(useRequestURL().search) 
+  : new URLSearchParams(window.location.search);
+
 const { data: content } = await useAsyncData('homepage', () =>
   fetchOneEntry({
     model: model,
@@ -14,7 +18,7 @@ const { data: content } = await useAsyncData('homepage', () =>
 </script>
 
 <template>
-  <div v-if="content || isPreviewing()">
+  <div v-if="content || isPreviewing(searchParams)">
     <Content :model="model" :content="content" :apiKey="apiKey" />
   </div>
   <div v-else>404</div>
diff --git a/packages/sdks/snippets/qwik-city/src/routes/[...index]/index.tsx b/packages/sdks/snippets/qwik-city/src/routes/[...index]/index.tsx
index 88f8d082b06..5913f15cff7 100644
--- a/packages/sdks/snippets/qwik-city/src/routes/[...index]/index.tsx
+++ b/packages/sdks/snippets/qwik-city/src/routes/[...index]/index.tsx
@@ -4,11 +4,7 @@
  */
 import { component$ } from '@builder.io/qwik';
 import { routeLoader$ } from '@builder.io/qwik-city';
-import {
-  Content,
-  fetchOneEntry,
-  getBuilderSearchParams,
-} from '@builder.io/sdk-qwik';
+import { Content, fetchOneEntry } from '@builder.io/sdk-qwik';
 
 // Define Builder's public API key and content model.
 // TO DO: Replace with your Public API Key
@@ -22,7 +18,6 @@ export const useBuilderContent = routeLoader$(async ({ url }) => {
   const builderContent = await fetchOneEntry({
     model: BUILDER_MODEL,
     apiKey: BUILDER_PUBLIC_API_KEY,
-    options: getBuilderSearchParams(url.searchParams),
     userAttributes: {
       urlPath: url.pathname,
     },
diff --git a/packages/sdks/snippets/qwik-city/src/routes/advanced-child/index.tsx b/packages/sdks/snippets/qwik-city/src/routes/advanced-child/index.tsx
index 028020c734b..99a900376eb 100644
--- a/packages/sdks/snippets/qwik-city/src/routes/advanced-child/index.tsx
+++ b/packages/sdks/snippets/qwik-city/src/routes/advanced-child/index.tsx
@@ -7,27 +7,36 @@ const MODEL = 'advanced-child';
 const API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 
 export const useCustomChild = routeLoader$(async ({ url }) => {
-  return await fetchOneEntry({
+  const searchParams = Object.fromEntries(url.searchParams);
+
+  const content = await fetchOneEntry({
     model: MODEL,
     apiKey: API_KEY,
     userAttributes: {
       urlPath: url.pathname,
     },
   });
+
+  return {
+    content,
+    searchParams,
+  };
 });
 
 export default component$(() => {
   const content = useCustomChild();
 
-  if (!content.value && !isPreviewing()) {
-    return <div>404</div>;
-  }
-  return (
+  const canShowContent =
+    content.value?.content || isPreviewing(content.value?.searchParams);
+
+  return canShowContent ? (
     <Content
       model={MODEL}
-      content={content.value}
+      content={content.value?.content}
       apiKey={API_KEY}
       customComponents={[customTabsInfo]}
     />
+  ) : (
+    <div>404</div>
   );
 });
diff --git a/packages/sdks/snippets/qwik-city/src/routes/announcements/[...index]/index.tsx b/packages/sdks/snippets/qwik-city/src/routes/announcements/[...index]/index.tsx
index 0ba4fb55632..12a23db84d2 100644
--- a/packages/sdks/snippets/qwik-city/src/routes/announcements/[...index]/index.tsx
+++ b/packages/sdks/snippets/qwik-city/src/routes/announcements/[...index]/index.tsx
@@ -8,7 +8,6 @@ import { routeLoader$ } from '@builder.io/qwik-city';
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
 } from '@builder.io/sdk-qwik';
 
 export const BUILDER_PUBLIC_API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
@@ -18,7 +17,7 @@ export const useBuilderContent = routeLoader$(async ({ url }) => {
   const announcementBar = await fetchOneEntry({
     model: BUILDER_MODEL,
     apiKey: BUILDER_PUBLIC_API_KEY,
-    options: getBuilderSearchParams(url.searchParams),
+
     userAttributes: {
       urlPath: url.pathname,
     },
diff --git a/packages/sdks/snippets/qwik-city/src/routes/blogs/[handle]/index.tsx b/packages/sdks/snippets/qwik-city/src/routes/blogs/[handle]/index.tsx
index 9c115681d72..470852c0b3a 100644
--- a/packages/sdks/snippets/qwik-city/src/routes/blogs/[handle]/index.tsx
+++ b/packages/sdks/snippets/qwik-city/src/routes/blogs/[handle]/index.tsx
@@ -5,30 +5,44 @@ import { Content, fetchOneEntry, isPreviewing } from '@builder.io/sdk-qwik';
 const MODEL_NAME = 'blog-article';
 const API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 
-export const useBlogArticle = routeLoader$(async ({ params }) => {
-  return await fetchOneEntry({
+export const useBlogArticle = routeLoader$(async ({ params, request }) => {
+  const url = new URL(request.url);
+  const searchParams = Object.fromEntries(url.searchParams);
+
+  const content = await fetchOneEntry({
     model: MODEL_NAME,
     apiKey: API_KEY,
     query: { 'data.handle': params.handle },
   });
+
+  return {
+    content,
+    searchParams,
+  };
 });
 
 export default component$(() => {
-  const article = useBlogArticle();
-  if (!article.value && !isPreviewing()) return <div>404</div>;
+  const { value } = useBlogArticle();
+  const canShowContent = value?.content || isPreviewing(value?.searchParams);
+
   return (
     <>
-      {article.value?.data && (
+      {canShowContent ? (
         <div class="content">
-          <h1>{article.value.data.title}</h1>
-          <p>{article.value.data.blurb}</p>
-          <img src={article.value.data.image} alt={article.value.data.title} />
+          <h1>{value.content?.data?.title}</h1>
+          <p>{value.content?.data?.blurb}</p>
+          <img
+            src={value.content?.data?.image}
+            alt={value.content?.data?.title}
+          />
           <Content
             model={MODEL_NAME}
-            content={article.value}
+            content={value?.content}
             apiKey={API_KEY}
           />
         </div>
+      ) : (
+        <div>404</div>
       )}
     </>
   );
diff --git a/packages/sdks/snippets/qwik-city/src/routes/custom-child/index.tsx b/packages/sdks/snippets/qwik-city/src/routes/custom-child/index.tsx
index a40c32e418e..0c9d8e0de0a 100644
--- a/packages/sdks/snippets/qwik-city/src/routes/custom-child/index.tsx
+++ b/packages/sdks/snippets/qwik-city/src/routes/custom-child/index.tsx
@@ -1,39 +1,42 @@
 import { component$ } from '@builder.io/qwik';
 import { routeLoader$ } from '@builder.io/qwik-city';
-import {
-  Content,
-  fetchOneEntry,
-  getBuilderSearchParams,
-  isPreviewing,
-} from '@builder.io/sdk-qwik';
+import { Content, fetchOneEntry, isPreviewing } from '@builder.io/sdk-qwik';
 import { customHeroInfo } from '~/components/CustomHero';
 
 const MODEL = 'custom-child';
 const API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 
 export const useCustomChild = routeLoader$(async ({ url }) => {
-  return await fetchOneEntry({
+  const searchParams = Object.fromEntries(url.searchParams);
+
+  const customChild = await fetchOneEntry({
     model: MODEL,
     apiKey: API_KEY,
-    options: getBuilderSearchParams(url.searchParams),
     userAttributes: {
       urlPath: url.pathname,
     },
   });
+
+  return {
+    customChild,
+    searchParams,
+  };
 });
 
 export default component$(() => {
-  const content = useCustomChild();
+  const {
+    value: { customChild, searchParams },
+  } = useCustomChild();
+  const canShowContent = customChild || isPreviewing(searchParams);
 
-  if (!content.value && !isPreviewing()) {
-    return <div>404</div>;
-  }
-  return (
+  return canShowContent ? (
     <Content
       model={MODEL}
-      content={content.value}
+      content={customChild}
       apiKey={API_KEY}
       customComponents={[customHeroInfo]}
     />
+  ) : (
+    <div>404</div>
   );
 });
diff --git a/packages/sdks/snippets/qwik-city/src/routes/editable-region/index.tsx b/packages/sdks/snippets/qwik-city/src/routes/editable-region/index.tsx
index 88e912b373d..42db50fdd83 100644
--- a/packages/sdks/snippets/qwik-city/src/routes/editable-region/index.tsx
+++ b/packages/sdks/snippets/qwik-city/src/routes/editable-region/index.tsx
@@ -7,27 +7,36 @@ const MODEL = 'editable-regions';
 const API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 
 export const useCustomChild = routeLoader$(async ({ url }) => {
-  return await fetchOneEntry({
+  const searchParams = Object.fromEntries(url.searchParams);
+
+  const content = await fetchOneEntry({
     model: MODEL,
     apiKey: API_KEY,
     userAttributes: {
       urlPath: url.pathname,
     },
   });
+
+  return {
+    content,
+    searchParams,
+  };
 });
 
 export default component$(() => {
-  const content = useCustomChild();
+  const data = useCustomChild();
+
+  const canShowContent =
+    data.value?.content || isPreviewing(data.value?.searchParams);
 
-  if (!content.value && !isPreviewing()) {
-    return <div>404</div>;
-  }
-  return (
+  return canShowContent ? (
     <Content
       model={MODEL}
-      content={content.value}
+      content={data.value.content}
       apiKey={API_KEY}
       customComponents={[customColumnsInfo]}
     />
+  ) : (
+    <div>404</div>
   );
 });
diff --git a/packages/sdks/snippets/qwik-city/src/routes/home/index.tsx b/packages/sdks/snippets/qwik-city/src/routes/home/index.tsx
index 01b7d7faa7e..b35a29fa544 100644
--- a/packages/sdks/snippets/qwik-city/src/routes/home/index.tsx
+++ b/packages/sdks/snippets/qwik-city/src/routes/home/index.tsx
@@ -5,20 +5,31 @@ import { Content, fetchOneEntry, isPreviewing } from '@builder.io/sdk-qwik';
 const model = 'homepage';
 const apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
 
-export const useHomepage = routeLoader$(async () => {
-  return await fetchOneEntry({
+export const useHomepage = routeLoader$(async ({ request }) => {
+  const url = new URL(request.url);
+  const searchParams = Object.fromEntries(url.searchParams);
+
+  const content = await fetchOneEntry({
     model,
     apiKey,
   });
+
+  return {
+    content,
+    searchParams,
+  };
 });
 
 export default component$(() => {
-  const content = useHomepage();
+  const data = useHomepage();
+
+  const canShowContent =
+    data.value?.content || isPreviewing(data.value?.searchParams);
 
   return (
     <div>
-      {content.value || isPreviewing() ? (
-        <Content model={model} content={content.value} apiKey={apiKey} />
+      {canShowContent ? (
+        <Content model={model} content={data.value?.content} apiKey={apiKey} />
       ) : (
         <div>404</div>
       )}
diff --git a/packages/sdks/snippets/react-sdk-next-14-app/app/[[...slug]]/page.tsx b/packages/sdks/snippets/react-sdk-next-14-app/app/[[...slug]]/page.tsx
index a8d5f7c464e..c1a80631f6d 100644
--- a/packages/sdks/snippets/react-sdk-next-14-app/app/[[...slug]]/page.tsx
+++ b/packages/sdks/snippets/react-sdk-next-14-app/app/[[...slug]]/page.tsx
@@ -3,12 +3,7 @@
  * snippets/nextjs-app-dir-client/app/[[...slug]].tsx
  * Uses @builder.io/sdk-react
  */
-import {
-  Content,
-  fetchOneEntry,
-  getBuilderSearchParams,
-  isPreviewing,
-} from '@builder.io/sdk-react';
+import { Content, fetchOneEntry, isPreviewing } from '@builder.io/sdk-react';
 
 interface PageProps {
   params: {
@@ -23,7 +18,6 @@ export default async function Page(props: PageProps) {
   const urlPath = '/' + (props.params?.slug?.join('/') || '');
 
   const content = await fetchOneEntry({
-    options: getBuilderSearchParams(props.searchParams),
     apiKey: PUBLIC_API_KEY,
     model: 'page',
     userAttributes: { urlPath },
@@ -32,12 +26,8 @@ export default async function Page(props: PageProps) {
   const canShowContent = content || isPreviewing(props.searchParams);
 
   if (!canShowContent) {
-    return (
-      <>
-        <h1>404</h1>
-        <p>Make sure you have your content published at Builder.io.</p>
-      </>
-    );
+    return <p>Not Found</p>;
   }
+
   return <Content content={content} apiKey={PUBLIC_API_KEY} model="page" />;
 }
diff --git a/packages/sdks/snippets/react-sdk-next-14-app/app/announcements/[...slug]/page.tsx b/packages/sdks/snippets/react-sdk-next-14-app/app/announcements/[...slug]/page.tsx
index a4efdfae86e..9e620673ed9 100644
--- a/packages/sdks/snippets/react-sdk-next-14-app/app/announcements/[...slug]/page.tsx
+++ b/packages/sdks/snippets/react-sdk-next-14-app/app/announcements/[...slug]/page.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isEditing,
   isPreviewing,
 } from '@builder.io/sdk-react';
@@ -27,7 +26,6 @@ export default async function Page(props: PageProps) {
   const announcementBar = await fetchOneEntry({
     apiKey,
     model,
-    options: getBuilderSearchParams(props.searchParams),
     userAttributes: { urlPath },
   });
 
diff --git a/packages/sdks/snippets/react/src/routes/AnnouncementBar.tsx b/packages/sdks/snippets/react/src/routes/AnnouncementBar.tsx
index 7c36b6357ae..e41f66d4104 100644
--- a/packages/sdks/snippets/react/src/routes/AnnouncementBar.tsx
+++ b/packages/sdks/snippets/react/src/routes/AnnouncementBar.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   type BuilderContent,
 } from '@builder.io/sdk-react';
 import { useEffect, useState } from 'react';
@@ -24,7 +23,6 @@ export default function AnnouncementBar() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {
diff --git a/packages/sdks/snippets/react/src/routes/IntegratingPages.tsx b/packages/sdks/snippets/react/src/routes/IntegratingPages.tsx
index 9da40949106..e376465b91f 100644
--- a/packages/sdks/snippets/react/src/routes/IntegratingPages.tsx
+++ b/packages/sdks/snippets/react/src/routes/IntegratingPages.tsx
@@ -5,7 +5,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-react';
@@ -29,7 +28,6 @@ export default function App() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {
diff --git a/packages/sdks/snippets/react/src/routes/custom-components/advanced-child.tsx b/packages/sdks/snippets/react/src/routes/custom-components/advanced-child.tsx
index 79d5f7b3935..87a2f64ad83 100644
--- a/packages/sdks/snippets/react/src/routes/custom-components/advanced-child.tsx
+++ b/packages/sdks/snippets/react/src/routes/custom-components/advanced-child.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-react';
@@ -28,7 +27,6 @@ export default function AdvancedChildRoute() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {
diff --git a/packages/sdks/snippets/react/src/routes/custom-components/custom-child.tsx b/packages/sdks/snippets/react/src/routes/custom-components/custom-child.tsx
index b79d13704aa..e96cc6bc915 100644
--- a/packages/sdks/snippets/react/src/routes/custom-components/custom-child.tsx
+++ b/packages/sdks/snippets/react/src/routes/custom-components/custom-child.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-react';
@@ -28,7 +27,6 @@ export default function CustomChildRoute() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {
diff --git a/packages/sdks/snippets/react/src/routes/custom-components/editable-region.tsx b/packages/sdks/snippets/react/src/routes/custom-components/editable-region.tsx
index da64789644f..2217c1ac0e3 100644
--- a/packages/sdks/snippets/react/src/routes/custom-components/editable-region.tsx
+++ b/packages/sdks/snippets/react/src/routes/custom-components/editable-region.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-react';
@@ -28,7 +27,6 @@ export default function EditableRegionRoute() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {
diff --git a/packages/sdks/snippets/solidjs/src/App.tsx b/packages/sdks/snippets/solidjs/src/App.tsx
index 7dd4d00a24d..ae45a1f1558 100644
--- a/packages/sdks/snippets/solidjs/src/App.tsx
+++ b/packages/sdks/snippets/solidjs/src/App.tsx
@@ -5,6 +5,7 @@
 import {
   Content,
   fetchOneEntry,
+  isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-solid';
 import { createEffect, createSignal } from 'solid-js';
@@ -13,6 +14,7 @@ const BUILDER_API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
 
 function App() {
   const [content, setContent] = createSignal<BuilderContent | null>(null);
+  const [canShowContent, setCanShowContent] = createSignal(false);
 
   createEffect(() => {
     fetchOneEntry({
@@ -23,12 +25,13 @@ function App() {
       },
     }).then((data: any) => {
       setContent(data);
+      setCanShowContent(data ? true : isPreviewing());
     });
   });
 
   return (
     <>
-      {content() ? (
+      {canShowContent() ? (
         <Content content={content()} apiKey={BUILDER_API_KEY} model="page" />
       ) : (
         <div>Not found</div>
diff --git a/packages/sdks/snippets/solidjs/src/components/AnnouncementBar.tsx b/packages/sdks/snippets/solidjs/src/components/AnnouncementBar.tsx
index b38e8a3d603..fd9023dd514 100644
--- a/packages/sdks/snippets/solidjs/src/components/AnnouncementBar.tsx
+++ b/packages/sdks/snippets/solidjs/src/components/AnnouncementBar.tsx
@@ -6,6 +6,7 @@
 import {
   Content,
   fetchOneEntry,
+  isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-solid';
 import { createEffect, createSignal } from 'solid-js';
@@ -15,6 +16,7 @@ const MODEL = 'announcement-bar';
 
 function AnnouncementBar() {
   const [content, setContent] = createSignal<BuilderContent | null>(null);
+  const [canShowContent, setCanShowContent] = createSignal(false);
 
   createEffect(() => {
     fetchOneEntry({
@@ -25,12 +27,13 @@ function AnnouncementBar() {
       },
     }).then((data: any) => {
       setContent(data);
+      setCanShowContent(data ? true : isPreviewing());
     });
   });
 
   return (
     <>
-      {content() && (
+      {canShowContent() && (
         <Content content={content()} apiKey={BUILDER_API_KEY} model={MODEL} />
       )}
 
diff --git a/packages/sdks/snippets/svelte/src/components/AnnouncementBar.svelte b/packages/sdks/snippets/svelte/src/components/AnnouncementBar.svelte
index 23aac27d96e..d23d56776f8 100644
--- a/packages/sdks/snippets/svelte/src/components/AnnouncementBar.svelte
+++ b/packages/sdks/snippets/svelte/src/components/AnnouncementBar.svelte
@@ -7,12 +7,14 @@
     Content,
     fetchOneEntry,
     type BuilderContent,
+    isPreviewing,
   } from '@builder.io/sdk-svelte';
 
   let apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
   let model = 'announcement-bar';
 
   let announcementBar: BuilderContent | null = null;
+  let canShowContent = false;
 
   async function fetchContent() {
     announcementBar = await fetchOneEntry({
@@ -22,16 +24,17 @@
         urlPath: window.location.pathname,
       },
     });
+    canShowContent = announcementBar ? true : isPreviewing();
   }
 
   fetchContent();
 </script>
 
 <main>
-  {#if announcementBar}
+  {#if canShowContent}
     <Content content={announcementBar} {apiKey} {model} />
   {/if}
-  
+
   <!-- Your content coming from your app (or also Builder) -->
   <div>The rest of your page goes here</div>
 </main>
diff --git a/packages/sdks/snippets/svelte/src/components/CatchAll.svelte b/packages/sdks/snippets/svelte/src/components/CatchAll.svelte
index 880b28dc3ca..5c87e75fc5d 100644
--- a/packages/sdks/snippets/svelte/src/components/CatchAll.svelte
+++ b/packages/sdks/snippets/svelte/src/components/CatchAll.svelte
@@ -2,35 +2,41 @@
 <!-- snippets/svelte/src/components/CatchAll.svelte -->
 
 <script lang="ts">
-    import { Content, fetchOneEntry, type BuilderContent } from '@builder.io/sdk-svelte';
+  import {
+    Content,
+    fetchOneEntry,
+    type BuilderContent,
+    isPreviewing,
+  } from '@builder.io/sdk-svelte';
 
-    let apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
-    let model = 'page';
+  let apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
+  let model = 'page';
 
-    let content: BuilderContent | null = null;
+  let content: BuilderContent | null = null;
+  let canShowContent = false;
 
-    async function fetchContent() {
-        content = await fetchOneEntry({
-            apiKey,
-            model,
-            userAttributes: {
-                urlPath: window.location.pathname
-            }
-        });
-    }
+  async function fetchContent() {
+    content = await fetchOneEntry({
+      apiKey,
+      model,
+      userAttributes: {
+        urlPath: window.location.pathname,
+      },
+    });
+    canShowContent = content ? true : isPreviewing();
+  }
 
-    fetchContent();
+  fetchContent();
 </script>
 
 <svelte:head>
-    <title>{content?.data?.title || "Unpublished"}</title>
+  <title>{content?.data?.title || 'Unpublished'}</title>
 </svelte:head>
 
 <main>
-    {#if content}
-        <Content content={content} apiKey={apiKey} model={model}  />
-    {:else}
-        Content Not Found
-    {/if}
+  {#if canShowContent}
+    <Content {content} {apiKey} {model} />
+  {:else}
+    Content Not Found
+  {/if}
 </main>
-  
\ No newline at end of file
diff --git a/packages/sdks/snippets/svelte/src/components/LivePreview.svelte b/packages/sdks/snippets/svelte/src/components/LivePreview.svelte
index 59e6e3599dc..cd3b8d2cd51 100644
--- a/packages/sdks/snippets/svelte/src/components/LivePreview.svelte
+++ b/packages/sdks/snippets/svelte/src/components/LivePreview.svelte
@@ -1,11 +1,38 @@
 <script lang="ts">
   import { onMount } from 'svelte';
-  import { subscribeToEditor } from '@builder.io/sdk-svelte';
+  import {
+    fetchOneEntry,
+    subscribeToEditor,
+    isPreviewing,
+  } from '@builder.io/sdk-svelte';
   import type { BuilderContent } from '@builder.io/sdk-svelte';
 
   let content: BuilderContent | null = null;
+  let isLoading = true;
+
+  let urlPath = window.location.pathname;
+  let canShowContent = false;
+
+  async function fetchContent() {
+    content = await fetchOneEntry({
+      model: 'blog-data',
+      apiKey: 'ee9f13b4981e489a9a1209887695ef2b',
+      userAttributes: {
+        urlPath,
+      },
+    });
+    canShowContent = content ? true : isPreviewing();
+  }
 
   onMount(() => {
+    fetchContent()
+      .catch((err) => {
+        console.error('Error fetching Builder content:', err);
+      })
+      .finally(() => {
+        isLoading = false;
+      });
+
     let unsubscribe = subscribeToEditor({
       model: 'blog-data',
       apiKey: 'ee9f13b4981e489a9a1209887695ef2b',
@@ -18,10 +45,16 @@
   });
 </script>
 
-{#if content}
-  <div class="blog-data-preview">
-    <div>Blog Title: {content.data?.title}</div>
-    <div>Authored by: {content.data?.author}</div>
-    <div>Handle: {content.data?.handle}</div>
-  </div>
+{#if isLoading && !content}
+  <div>Loading...</div>
 {/if}
+
+<main>
+  {#if canShowContent}
+    <div class="blog-data-preview">
+      <div>Blog Title: {content?.data?.title}</div>
+      <div>Authored by: {content?.data?.author}</div>
+      <div>Handle: {content?.data?.handle}</div>
+    </div>
+  {/if}
+</main>
diff --git a/packages/sdks/snippets/sveltekit/src/routes/[...catchall]/+page.server.js b/packages/sdks/snippets/sveltekit/src/routes/[...catchall]/+page.server.js
index d979ada725e..47baeec866d 100644
--- a/packages/sdks/snippets/sveltekit/src/routes/[...catchall]/+page.server.js
+++ b/packages/sdks/snippets/sveltekit/src/routes/[...catchall]/+page.server.js
@@ -2,7 +2,7 @@
  * Quickstart snippet
  * snippets/sveltekit/src/routes/[...catchall]/+page.server.js
  */
-import { fetchOneEntry, getBuilderSearchParams } from '@builder.io/sdk-svelte';
+import { fetchOneEntry } from '@builder.io/sdk-svelte';
 
 /** @type {import('../$types').PageServerLoad} */
 export async function load(event) {
@@ -10,7 +10,6 @@ export async function load(event) {
   const content = await fetchOneEntry({
     model: 'page',
     apiKey: 'ee9f13b4981e489a9a1209887695ef2b', // TO DO: Add your Public API Key
-    options: getBuilderSearchParams(event.url.searchParams),
     userAttributes: {
       urlPath: event.url.pathname || '/',
     },
diff --git a/packages/sdks/snippets/sveltekit/src/routes/[...catchall]/+page.svelte b/packages/sdks/snippets/sveltekit/src/routes/[...catchall]/+page.svelte
index 7652207b31c..b003fa53cef 100644
--- a/packages/sdks/snippets/sveltekit/src/routes/[...catchall]/+page.svelte
+++ b/packages/sdks/snippets/sveltekit/src/routes/[...catchall]/+page.svelte
@@ -1,17 +1,17 @@
 <!-- Quickstart snippet -->
 <!-- snippets/sveltekit/src/routes/[...catchall]/+page.svelte -->
 <script>
-  import { isPreviewing, Content } from "@builder.io/sdk-svelte";
+  import { isPreviewing, Content } from '@builder.io/sdk-svelte';
 
   // TODO: use your own API key
-  const apiKey = 'ee9f13b4981e489a9a1209887695ef2b'
+  const apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
   const model = 'page';
 
   // this data comes from the function in `+page.server.js`, which runs on the server only
   export let data;
 
   // show unpublished content when in preview mode.
-  const canShowContent = data.content || isPreviewing();
+  const canShowContent = data.content || isPreviewing(data.searchParams);
 </script>
 
 <main>
@@ -19,14 +19,9 @@
   <h2>Below is your Builder Content:</h2>
   <!-- TO DO: Add your Public API Key in <Content/>-->
   {#if canShowContent}
-    <div>page Title: {data.content?.data?.title || "Unpublished"}</div>
-    <Content
-      model={model}
-      content={data.content}
-      apiKey={apiKey} 
-    />
+    <div>page Title: {data.content?.data?.title || 'Unpublished'}</div>
+    <Content {model} content={data.content} {apiKey} />
   {:else}
     Content Not Found
   {/if}
 </main>
-  
\ No newline at end of file
diff --git a/packages/sdks/snippets/sveltekit/src/routes/advanced-child/+page.svelte b/packages/sdks/snippets/sveltekit/src/routes/advanced-child/+page.svelte
index 95853c8bdd7..a2f23cfa2c5 100644
--- a/packages/sdks/snippets/sveltekit/src/routes/advanced-child/+page.svelte
+++ b/packages/sdks/snippets/sveltekit/src/routes/advanced-child/+page.svelte
@@ -6,7 +6,7 @@
   export let data: PageData;
 </script>
 
-{#if !data.data && !isPreviewing()}
+{#if !data.data && !isPreviewing(data.searchParams)}
   <div>404 - Not Found</div>
 {:else}
   <Content
diff --git a/packages/sdks/snippets/sveltekit/src/routes/announcements/[...catchall]/+page.server.js b/packages/sdks/snippets/sveltekit/src/routes/announcements/[...catchall]/+page.server.js
index 57a9b6b4951..dfc7ccc423e 100644
--- a/packages/sdks/snippets/sveltekit/src/routes/announcements/[...catchall]/+page.server.js
+++ b/packages/sdks/snippets/sveltekit/src/routes/announcements/[...catchall]/+page.server.js
@@ -3,7 +3,7 @@
  * https://www.builder.io/c/blueprints/announcement-bar
  * src/routes/announcements/[...catchall]/+page.server.js
  */
-import { fetchOneEntry, getBuilderSearchParams } from '@builder.io/sdk-svelte';
+import { fetchOneEntry } from '@builder.io/sdk-svelte';
 
 /** @type {import('../../$types').PageServerLoad} */
 export async function load(event) {
@@ -11,7 +11,7 @@ export async function load(event) {
   const content = await fetchOneEntry({
     model: 'announcement-bar',
     apiKey: 'ee9f13b4981e489a9a1209887695ef2b', // TO DO: Add your Public API Key
-    options: getBuilderSearchParams(event.url.searchParams),
+
     userAttributes: {
       urlPath: event.url.pathname || '/',
     },
diff --git a/packages/sdks/snippets/sveltekit/src/routes/announcements/[...catchall]/+page.svelte b/packages/sdks/snippets/sveltekit/src/routes/announcements/[...catchall]/+page.svelte
index e500be74032..0c4e85140b0 100644
--- a/packages/sdks/snippets/sveltekit/src/routes/announcements/[...catchall]/+page.svelte
+++ b/packages/sdks/snippets/sveltekit/src/routes/announcements/[...catchall]/+page.svelte
@@ -10,7 +10,7 @@
 
   export let data;
 
-  const canShowContent = data.content || isPreviewing();
+  const canShowContent = data.content || isPreviewing(data.searchParams);
 </script>
 
 <main>
diff --git a/packages/sdks/snippets/sveltekit/src/routes/blogs/[handle]/+page.svelte b/packages/sdks/snippets/sveltekit/src/routes/blogs/[handle]/+page.svelte
index c7b4803bf4f..6018eead2ee 100644
--- a/packages/sdks/snippets/sveltekit/src/routes/blogs/[handle]/+page.svelte
+++ b/packages/sdks/snippets/sveltekit/src/routes/blogs/[handle]/+page.svelte
@@ -7,7 +7,7 @@
   const apiKey = 'ee9f13b4981e489a9a1209887695ef2b';
 </script>
 
-{#if !article && !isPreviewing()}
+{#if !article && !isPreviewing(data.searchParams)}
   <div>404</div>
 {:else if article?.data}
   <div class="content">
diff --git a/packages/sdks/snippets/sveltekit/src/routes/custom-child/+page.svelte b/packages/sdks/snippets/sveltekit/src/routes/custom-child/+page.svelte
index 2315a8293ee..ada4a9d1c28 100644
--- a/packages/sdks/snippets/sveltekit/src/routes/custom-child/+page.svelte
+++ b/packages/sdks/snippets/sveltekit/src/routes/custom-child/+page.svelte
@@ -6,7 +6,7 @@
   export let data: PageData;
 </script>
 
-{#if !data.data && !isPreviewing()}
+{#if !data.data && !isPreviewing(data.searchParams)}
   <div>404 - Not Found</div>
 {:else}
   <Content
diff --git a/packages/sdks/snippets/sveltekit/src/routes/editable-region/+page.svelte b/packages/sdks/snippets/sveltekit/src/routes/editable-region/+page.svelte
index bb9c2189aa0..bc9c51b6dbd 100644
--- a/packages/sdks/snippets/sveltekit/src/routes/editable-region/+page.svelte
+++ b/packages/sdks/snippets/sveltekit/src/routes/editable-region/+page.svelte
@@ -6,7 +6,7 @@
   export let data: PageData;
 </script>
 
-{#if !data.data && !isPreviewing()}
+{#if !data.data && !isPreviewing(data.searchParams)}
   <div>404 - Not Found</div>
 {:else}
   <Content
diff --git a/packages/sdks/snippets/sveltekit/src/routes/home/+page.svelte b/packages/sdks/snippets/sveltekit/src/routes/home/+page.svelte
index 2d9ab3ee71c..898028fde1a 100644
--- a/packages/sdks/snippets/sveltekit/src/routes/home/+page.svelte
+++ b/packages/sdks/snippets/sveltekit/src/routes/home/+page.svelte
@@ -4,7 +4,7 @@
   export let data: PageData;
 </script>
 
-{#if !data.content && !isPreviewing()}
+{#if !data.content && !isPreviewing(data.searchParams)}
   <div>404</div>
 {:else}
   <Content
diff --git a/packages/sdks/snippets/vue/src/views/AnnouncementBar.vue b/packages/sdks/snippets/vue/src/views/AnnouncementBar.vue
index d3c54887edb..b05b2966abf 100644
--- a/packages/sdks/snippets/vue/src/views/AnnouncementBar.vue
+++ b/packages/sdks/snippets/vue/src/views/AnnouncementBar.vue
@@ -6,7 +6,6 @@ import {
   Content,
   type BuilderContent,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
 } from '@builder.io/sdk-vue';
 import { onMounted, ref } from 'vue';
@@ -20,7 +19,6 @@ onMounted(async () => {
   content.value = await fetchOneEntry({
     model,
     apiKey,
-    options: getBuilderSearchParams(new URL(location.href).searchParams),
     userAttributes: {
       urlPath: window.location.pathname,
     },
diff --git a/packages/sdks/snippets/vue/src/views/QuickStart.vue b/packages/sdks/snippets/vue/src/views/QuickStart.vue
index 0e5981593cf..7e80967e22a 100644
--- a/packages/sdks/snippets/vue/src/views/QuickStart.vue
+++ b/packages/sdks/snippets/vue/src/views/QuickStart.vue
@@ -6,7 +6,6 @@ import {
   Content,
   type BuilderContent,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
 } from '@builder.io/sdk-vue';
 import { onMounted, ref } from 'vue';
@@ -20,7 +19,6 @@ onMounted(async () => {
   content.value = await fetchOneEntry({
     model,
     apiKey,
-    options: getBuilderSearchParams(new URL(location.href).searchParams),
     userAttributes: {
       urlPath: window.location.pathname,
     },
diff --git a/packages/sdks/src/functions/get-builder-search-params/index.ts b/packages/sdks/src/functions/get-builder-search-params/index.ts
index 8bdefdee125..54042c11117 100644
--- a/packages/sdks/src/functions/get-builder-search-params/index.ts
+++ b/packages/sdks/src/functions/get-builder-search-params/index.ts
@@ -6,8 +6,14 @@ const BUILDER_SEARCHPARAMS_PREFIX = 'builder.';
 const BUILDER_OPTIONS_PREFIX = 'options.';
 
 /**
- * Receives a `URLSearchParams` object or a regular query object, and returns the subset of query params that are
- * relevant to the Builder SDK.
+ * Receives a `URLSearchParams` object or a regular query object, and returns
+ * the subset of query params that are relevant to the Builder SDK.
+ *
+ * Outputs a key-value object to be passed to `fetchOneEntry` or `fetchEntries`
+ * functions as the `options` argument.
+ *
+ * NOTE: This function is generally not needed. Instead, it is recommended to use `isPreviewing()`
+ * to check if the current page requires previewed content.
  *
  * @returns
  */
diff --git a/packages/sdks/src/functions/is-previewing.ts b/packages/sdks/src/functions/is-previewing.ts
index 96a76eddf08..3f4ffe70e1f 100644
--- a/packages/sdks/src/functions/is-previewing.ts
+++ b/packages/sdks/src/functions/is-previewing.ts
@@ -2,18 +2,29 @@ import type { Search } from '../helpers/search/search.js';
 import { getSearchString } from '../helpers/search/search.js';
 import { isBrowser } from './is-browser.js';
 
-export function isPreviewing(_search?: Search) {
-  const search = _search || (isBrowser() ? window.location.search : undefined);
+/**
+ * Checks the current URL's search parameters to see if it is attempting to
+ * preview Builder Content.
+ *
+ * When called on the client, it uses `window.location.search`.
+ * When called on the server (SSR), it requires a `search` argument.
+ *
+ * @param search - The search parameters to check. Can be a URL string (containing the search parameters), `URLSearchParams`, or a key-value object containing the search parameters.
+ * @returns `true` if the current page is being previewed, `false` otherwise.
+ */
+export function isPreviewing(search?: Search) {
+  const searchToUse =
+    search || (isBrowser() ? window.location.search : undefined);
 
   /**
    * If this function is called on the server without an explicit `search` argument,
    * then it can't check if the user is previewing, and will return `false`.
    */
-  if (!search) {
+  if (!searchToUse) {
     return false;
   }
 
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
 
   return Boolean(normalizedSearch.indexOf('builder.preview=') !== -1);
 }