diff --git a/.changeset/nasty-baboons-cheer.md b/.changeset/nasty-baboons-cheer.md
new file mode 100644
index 00000000000..0e25f60044c
--- /dev/null
+++ b/.changeset/nasty-baboons-cheer.md
@@ -0,0 +1,8 @@
+---
+"@clerk/astro": patch
+"@clerk/shared": patch
+"@clerk/clerk-react": patch
+"@clerk/nextjs": patch
+---
+
+Introduce functions that can be reused across front-end SDKs
diff --git a/packages/astro/src/internal/create-clerk-instance.ts b/packages/astro/src/internal/create-clerk-instance.ts
index 8e449ceabc3..8d56018fa07 100644
--- a/packages/astro/src/internal/create-clerk-instance.ts
+++ b/packages/astro/src/internal/create-clerk-instance.ts
@@ -1,17 +1,19 @@
+import { loadClerkJsScript, setClerkJsLoadingErrorPackageName } from '@clerk/shared/loadClerkJsScript';
 import type { ClerkOptions } from '@clerk/types';
 
 import { $clerk, $csrState } from '../stores/internal';
-import type { AstroClerkIntegrationParams, AstroClerkUpdateOptions } from '../types';
+import type { AstroClerkCreateInstanceParams, AstroClerkUpdateOptions } from '../types';
 import { invokeClerkAstroJSFunctions } from './invoke-clerk-astro-js-functions';
 import { mountAllClerkAstroJSComponents } from './mount-clerk-astro-js-components';
 import { runOnce } from './run-once';
-import { waitForClerkScript } from './utils/loadClerkJSScript';
 
 let initOptions: ClerkOptions | undefined;
 
 // TODO-SHARED: copied from `clerk-js`
 export const CLERK_BEFORE_UNLOAD_EVENT = 'clerk:beforeunload';
 
+setClerkJsLoadingErrorPackageName(PACKAGE_NAME);
+
 function windowNavigate(to: URL | string): void {
   const toURL = new URL(to, window.location.href);
   window.dispatchEvent(new CustomEvent(CLERK_BEFORE_UNLOAD_EVENT));
@@ -35,10 +37,10 @@ function createNavigationHandler(
  */
 const createClerkInstance = runOnce(createClerkInstanceInternal);
 
-async function createClerkInstanceInternal(options?: AstroClerkIntegrationParams) {
+async function createClerkInstanceInternal(options?: AstroClerkCreateInstanceParams) {
   let clerkJSInstance = window.Clerk;
   if (!clerkJSInstance) {
-    await waitForClerkScript();
+    await loadClerkJsScript(options);
 
     if (!window.Clerk) {
       throw new Error('Failed to download latest ClerkJS. Contact support@clerk.com.');
@@ -47,7 +49,6 @@ async function createClerkInstanceInternal(options?: AstroClerkIntegrationParams
   }
 
   if (!$clerk.get()) {
-    // @ts-ignore
     $clerk.set(clerkJSInstance);
   }
 
@@ -57,8 +58,7 @@ async function createClerkInstanceInternal(options?: AstroClerkIntegrationParams
     routerReplace: createNavigationHandler(window.history.replaceState.bind(window.history)),
   };
 
-  // TODO: Update Clerk type from @clerk/types to include this method
-  return (clerkJSInstance as any)
+  return clerkJSInstance
     .load(initOptions)
     .then(() => {
       $csrState.setKey('isLoaded', true);
diff --git a/packages/astro/src/internal/utils/loadClerkJSScript.ts b/packages/astro/src/internal/utils/loadClerkJSScript.ts
deleted file mode 100644
index 6d250441339..00000000000
--- a/packages/astro/src/internal/utils/loadClerkJSScript.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-const FAILED_TO_FIND_CLERK_SCRIPT = 'Clerk: Failed find clerk-js script';
-
-// TODO-SHARED: Something similar exists inside clerk-react
-export const waitForClerkScript = () => {
-  return new Promise((resolve, reject) => {
-    const script = document.querySelector('script[data-clerk-script]');
-
-    if (!script) {
-      return reject(FAILED_TO_FIND_CLERK_SCRIPT);
-    }
-
-    script.addEventListener('load', () => {
-      script.remove();
-      resolve(script);
-    });
-  });
-};
diff --git a/packages/astro/src/internal/utils/versionSelector.ts b/packages/astro/src/internal/utils/versionSelector.ts
deleted file mode 100644
index 12b8d4c2fdd..00000000000
--- a/packages/astro/src/internal/utils/versionSelector.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-const HARDCODED_LATEST_CLERK_JS_VERSION = '5';
-
-export const versionSelector = (clerkJSVersion: string | undefined): string => {
-  if (clerkJSVersion) {
-    return clerkJSVersion;
-  }
-
-  return HARDCODED_LATEST_CLERK_JS_VERSION;
-};
diff --git a/packages/astro/src/server/build-clerk-hotload-script.ts b/packages/astro/src/server/build-clerk-hotload-script.ts
index 4b0ed219383..d135dd3bcb2 100644
--- a/packages/astro/src/server/build-clerk-hotload-script.ts
+++ b/packages/astro/src/server/build-clerk-hotload-script.ts
@@ -1,43 +1,8 @@
-import { createDevOrStagingUrlCache, parsePublishableKey } from '@clerk/shared/keys';
-import { isValidProxyUrl, proxyUrlToAbsoluteURL } from '@clerk/shared/proxy';
-import { addClerkPrefix } from '@clerk/shared/url';
+import { clerkJsScriptUrl } from '@clerk/shared/loadClerkJsScript';
 import type { APIContext } from 'astro';
 
-import { versionSelector } from '../internal/utils/versionSelector';
 import { getSafeEnv } from './get-safe-env';
 
-const { isDevOrStagingUrl } = createDevOrStagingUrlCache();
-
-type BuildClerkJsScriptOptions = {
-  proxyUrl: string;
-  domain: string;
-  clerkJSUrl?: string;
-  clerkJSVariant?: 'headless' | '';
-  clerkJSVersion?: string;
-  publishableKey: string;
-};
-
-const clerkJsScriptUrl = (opts: BuildClerkJsScriptOptions) => {
-  const { clerkJSUrl, clerkJSVariant, clerkJSVersion, proxyUrl, domain, publishableKey } = opts;
-
-  if (clerkJSUrl) {
-    return clerkJSUrl;
-  }
-
-  let scriptHost = '';
-  if (!!proxyUrl && isValidProxyUrl(proxyUrl)) {
-    scriptHost = proxyUrlToAbsoluteURL(proxyUrl).replace(/http(s)?:\/\//, '');
-  } else if (domain && !isDevOrStagingUrl(parsePublishableKey(publishableKey)?.frontendApi || '')) {
-    scriptHost = addClerkPrefix(domain);
-  } else {
-    scriptHost = parsePublishableKey(publishableKey)?.frontendApi || '';
-  }
-
-  const variant = clerkJSVariant ? `${clerkJSVariant.replace(/\.+$/, '')}.` : '';
-  const version = versionSelector(clerkJSVersion);
-  return `https://${scriptHost}/npm/@clerk/clerk-js@${version}/dist/clerk.${variant}browser.js`;
-};
-
 function buildClerkHotloadScript(locals: APIContext['locals']) {
   const publishableKey = getSafeEnv(locals).pk!;
   const proxyUrl = getSafeEnv(locals).proxyUrl!;
@@ -51,10 +16,10 @@ function buildClerkHotloadScript(locals: APIContext['locals']) {
     publishableKey,
   });
   return `
-  <script src="${scriptSrc}" 
-  data-clerk-script 
-  async 
-  crossOrigin='anonymous' 
+  <script src="${scriptSrc}"
+  data-clerk-js-script
+  async
+  crossOrigin='anonymous'
   ${publishableKey ? `data-clerk-publishable-key="${publishableKey}"` : ``}
   ${proxyUrl ? `data-clerk-proxy-url="${proxyUrl}"` : ``}
   ${domain ? `data-clerk-domain="${domain}"` : ``}
diff --git a/packages/astro/src/stores/external.ts b/packages/astro/src/stores/external.ts
index 9ed82c6a8cc..d122767c191 100644
--- a/packages/astro/src/stores/external.ts
+++ b/packages/astro/src/stores/external.ts
@@ -1,8 +1,8 @@
+import { deriveState } from '@clerk/shared/deriveState';
 import { eventMethodCalled } from '@clerk/shared/telemetry';
 import { computed, onMount, type Store } from 'nanostores';
 
 import { $clerk, $csrState, $initialState } from './internal';
-import { deriveState } from './utils';
 
 /**
  * A client side store that is prepopulated with the authentication context during SSR.
diff --git a/packages/nextjs/src/pages/ClerkProvider.tsx b/packages/nextjs/src/pages/ClerkProvider.tsx
index 01126ecc030..83df90a6f09 100644
--- a/packages/nextjs/src/pages/ClerkProvider.tsx
+++ b/packages/nextjs/src/pages/ClerkProvider.tsx
@@ -1,6 +1,6 @@
 import { ClerkProvider as ReactClerkProvider } from '@clerk/clerk-react';
 // Override Clerk React error thrower to show that errors come from @clerk/nextjs
-import { setErrorThrowerOptions } from '@clerk/clerk-react/internal';
+import { setClerkJsLoadingErrorPackageName, setErrorThrowerOptions } from '@clerk/clerk-react/internal';
 import { useRouter } from 'next/router';
 import React from 'react';
 
@@ -12,6 +12,7 @@ import { invalidateNextRouterCache } from '../utils/invalidateNextRouterCache';
 import { mergeNextClerkPropsWithEnv } from '../utils/mergeNextClerkPropsWithEnv';
 
 setErrorThrowerOptions({ packageName: PACKAGE_NAME });
+setClerkJsLoadingErrorPackageName(PACKAGE_NAME);
 
 export function ClerkProvider({ children, ...props }: NextClerkProviderProps): JSX.Element {
   const { __unstable_invokeMiddlewareOnAuthStateChange = true } = props;
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 091b93e1c6b..66c8bae03f6 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,5 +1,7 @@
 import './polyfills';
 
+import { setClerkJsLoadingErrorPackageName } from '@clerk/shared/loadClerkJsScript';
+
 import { setErrorThrowerOptions } from './errors/errorThrower';
 
 export * from './components';
@@ -10,3 +12,4 @@ export { useEmailLink } from './hooks/useEmailLink';
 export type { BrowserClerk, ClerkProp, HeadlessBrowserClerk, ClerkProviderProps } from './types';
 
 setErrorThrowerOptions({ packageName: PACKAGE_NAME });
+setClerkJsLoadingErrorPackageName(PACKAGE_NAME);
diff --git a/packages/react/src/internal.ts b/packages/react/src/internal.ts
index ab014b77df5..938f3f4d9dd 100644
--- a/packages/react/src/internal.ts
+++ b/packages/react/src/internal.ts
@@ -2,4 +2,8 @@ export { setErrorThrowerOptions } from './errors/errorThrower';
 export { MultisessionAppSupport } from './components/controlComponents';
 export { useRoutingProps } from './hooks/useRoutingProps';
 
-export { clerkJsScriptUrl, buildClerkJsScriptAttributes } from './utils/loadClerkJsScript';
+export {
+  clerkJsScriptUrl,
+  buildClerkJsScriptAttributes,
+  setClerkJsLoadingErrorPackageName,
+} from '@clerk/shared/loadClerkJsScript';
diff --git a/packages/react/src/isomorphicClerk.ts b/packages/react/src/isomorphicClerk.ts
index 09071059c7f..4b21a188f2c 100644
--- a/packages/react/src/isomorphicClerk.ts
+++ b/packages/react/src/isomorphicClerk.ts
@@ -1,5 +1,6 @@
 import { inBrowser } from '@clerk/shared/browser';
 import { handleValueOrFn } from '@clerk/shared/handleValueOrFn';
+import { loadClerkJsScript } from '@clerk/shared/loadClerkJsScript';
 import type { TelemetryCollector } from '@clerk/shared/telemetry';
 import type {
   ActiveSessionResource,
@@ -49,7 +50,7 @@ import type {
   HeadlessBrowserClerkConstructor,
   IsomorphicClerkOptions,
 } from './types';
-import { isConstructor, loadClerkJsScript } from './utils';
+import { isConstructor } from './utils';
 
 const SDK_METADATA = {
   name: PACKAGE_NAME,
diff --git a/packages/react/src/utils/index.ts b/packages/react/src/utils/index.ts
index d776edbffe6..b113a6f5b76 100644
--- a/packages/react/src/utils/index.ts
+++ b/packages/react/src/utils/index.ts
@@ -1,6 +1,5 @@
 export * from './childrenUtils';
 export * from './isConstructor';
-export { loadClerkJsScript } from './loadClerkJsScript';
 export * from './useMaxAllowedInstancesGuard';
 export * from './useCustomElementPortal';
 export * from './useCustomPages';
diff --git a/packages/shared/global.d.ts b/packages/shared/global.d.ts
index 8c7a4b73b56..d080e40fece 100644
--- a/packages/shared/global.d.ts
+++ b/packages/shared/global.d.ts
@@ -2,5 +2,6 @@ export {};
 
 declare global {
   const PACKAGE_VERSION: string;
+  const JS_PACKAGE_VERSION: string;
   const __DEV__: boolean;
 }
diff --git a/packages/shared/jest.config.js b/packages/shared/jest.config.js
index f9da269204a..fe05710e000 100644
--- a/packages/shared/jest.config.js
+++ b/packages/shared/jest.config.js
@@ -1,4 +1,5 @@
 const { name } = require('./package.json');
+const { version: clerkJsVersion } = require('../clerk-js/package.json');
 
 /** @type {import('ts-jest').JestConfigWithTsJest} */
 const config = {
@@ -17,6 +18,10 @@ const config = {
   transform: {
     '^.+\\.m?tsx?$': ['ts-jest', { tsconfig: 'tsconfig.test.json', diagnostics: false }],
   },
+
+  globals: {
+    JS_PACKAGE_VERSION: clerkJsVersion,
+  },
 };
 
 module.exports = config;
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 54d013fab7e..d7346b81324 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -51,6 +51,7 @@
     "cookie",
     "date",
     "deprecated",
+    "deriveState",
     "error",
     "file",
     "globs",
@@ -58,12 +59,14 @@
     "isomorphicAtob",
     "isomorphicBtoa",
     "keys",
+    "loadClerkJsScript",
     "loadScript",
     "localStorageBroadcastChannel",
     "poller",
     "proxy",
     "underscore",
     "url",
+    "versionSelector",
     "react",
     "constants",
     "apiUrlFromPublishableKey",
diff --git a/packages/shared/src/__tests__/deriveState.test.ts b/packages/shared/src/__tests__/deriveState.test.ts
new file mode 100644
index 00000000000..244cb3fe857
--- /dev/null
+++ b/packages/shared/src/__tests__/deriveState.test.ts
@@ -0,0 +1,36 @@
+import type { InitialState, Resources } from '@clerk/types';
+
+import { deriveState } from '../deriveState';
+
+describe('deriveState', () => {
+  const mockInitialState = {
+    userId: 'user_2U330vGHg3llBga8Oi0fzzeNAaG',
+    sessionId: 'sess_2j1R7g3AUeKMx9M23dBO0XLEQGY',
+    orgId: 'org_2U330vGHg3llBga8Oi0fzzeNAaG',
+  } as InitialState;
+
+  const mockResources = {
+    client: {},
+    user: { id: mockInitialState.userId },
+    session: { id: mockInitialState.sessionId },
+    organization: { id: mockInitialState.orgId },
+  } as Resources;
+
+  it('uses SSR state when !clerkLoaded and initialState is provided', () => {
+    expect(deriveState(false, {} as Resources, mockInitialState)).toEqual(mockInitialState);
+  });
+
+  it('uses CSR state when clerkLoaded', () => {
+    const result = deriveState(true, mockResources, undefined);
+    expect(result.userId).toBe(mockInitialState.userId);
+    expect(result.sessionId).toBe(mockInitialState.sessionId);
+    expect(result.orgId).toBe(mockInitialState.orgId);
+  });
+
+  it('handles !clerkLoaded and undefined initialState', () => {
+    const result = deriveState(false, {} as Resources, undefined);
+    expect(result.userId).toBeUndefined();
+    expect(result.sessionId).toBeUndefined();
+    expect(result.orgId).toBeUndefined();
+  });
+});
diff --git a/packages/shared/src/__tests__/loadClerkJsScript.test.ts b/packages/shared/src/__tests__/loadClerkJsScript.test.ts
new file mode 100644
index 00000000000..186298a2a9f
--- /dev/null
+++ b/packages/shared/src/__tests__/loadClerkJsScript.test.ts
@@ -0,0 +1,143 @@
+import {
+  buildClerkJsScriptAttributes,
+  clerkJsScriptUrl,
+  loadClerkJsScript,
+  setClerkJsLoadingErrorPackageName,
+} from '../loadClerkJsScript';
+import { loadScript } from '../loadScript';
+import { getMajorVersion } from '../versionSelector';
+
+jest.mock('../loadScript');
+
+setClerkJsLoadingErrorPackageName('@clerk/clerk-react');
+const jsPackageMajorVersion = getMajorVersion(JS_PACKAGE_VERSION);
+
+describe('loadClerkJsScript(options)', () => {
+  const mockPublishableKey = 'pk_test_Zm9vLWJhci0xMy5jbGVyay5hY2NvdW50cy5kZXYk';
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    (loadScript as jest.Mock).mockResolvedValue(undefined);
+    document.querySelector = jest.fn().mockReturnValue(null);
+  });
+
+  test('throws error when publishableKey is missing', () => {
+    expect(() => loadClerkJsScript({} as any)).rejects.toThrow(
+      '@clerk/clerk-react: Missing publishableKey. You can get your key at https://dashboard.clerk.com/last-active?path=api-keys.',
+    );
+  });
+
+  test('loads script when no existing script is found', async () => {
+    await loadClerkJsScript({ publishableKey: mockPublishableKey });
+
+    expect(loadScript).toHaveBeenCalledWith(
+      expect.stringContaining(
+        `https://foo-bar-13.clerk.accounts.dev/npm/@clerk/clerk-js@${jsPackageMajorVersion}/dist/clerk.browser.js`,
+      ),
+      expect.objectContaining({
+        async: true,
+        crossOrigin: 'anonymous',
+        beforeLoad: expect.any(Function),
+      }),
+    );
+  });
+
+  test('uses existing script when found', async () => {
+    const mockExistingScript = document.createElement('script');
+    document.querySelector = jest.fn().mockReturnValue(mockExistingScript);
+
+    const loadPromise = loadClerkJsScript({ publishableKey: mockPublishableKey });
+    mockExistingScript.dispatchEvent(new Event('load'));
+
+    await expect(loadPromise).resolves.toBe(mockExistingScript);
+    expect(loadScript).not.toHaveBeenCalled();
+  });
+
+  test('rejects when existing script fails to load', async () => {
+    const mockExistingScript = document.createElement('script');
+    document.querySelector = jest.fn().mockReturnValue(mockExistingScript);
+
+    const loadPromise = loadClerkJsScript({ publishableKey: mockPublishableKey });
+    mockExistingScript.dispatchEvent(new Event('error'));
+
+    await expect(loadPromise).rejects.toBe('Clerk: Failed to load Clerk');
+    expect(loadScript).not.toHaveBeenCalled();
+  });
+
+  test('throws error when loadScript fails', async () => {
+    (loadScript as jest.Mock).mockRejectedValue(new Error('Script load failed'));
+
+    await expect(loadClerkJsScript({ publishableKey: mockPublishableKey })).rejects.toThrow(
+      'Clerk: Failed to load Clerk',
+    );
+  });
+});
+
+describe('clerkJsScriptUrl()', () => {
+  const mockDevPublishableKey = 'pk_test_Zm9vLWJhci0xMy5jbGVyay5hY2NvdW50cy5kZXYk';
+  const mockProdPublishableKey = 'pk_live_ZXhhbXBsZS5jbGVyay5hY2NvdW50cy5kZXYk';
+
+  test('returns clerkJSUrl when provided', () => {
+    const customUrl = 'https://custom.clerk.com/clerk.js';
+    const result = clerkJsScriptUrl({ clerkJSUrl: customUrl, publishableKey: mockDevPublishableKey });
+    expect(result).toBe(customUrl);
+  });
+
+  test('constructs URL correctly for development key', () => {
+    const result = clerkJsScriptUrl({ publishableKey: mockDevPublishableKey });
+    expect(result).toBe(
+      `https://foo-bar-13.clerk.accounts.dev/npm/@clerk/clerk-js@${jsPackageMajorVersion}/dist/clerk.browser.js`,
+    );
+  });
+
+  test('constructs URL correctly for production key', () => {
+    const result = clerkJsScriptUrl({ publishableKey: mockProdPublishableKey });
+    expect(result).toBe(
+      `https://example.clerk.accounts.dev/npm/@clerk/clerk-js@${jsPackageMajorVersion}/dist/clerk.browser.js`,
+    );
+  });
+
+  test('includes clerkJSVariant in URL when provided', () => {
+    const result = clerkJsScriptUrl({ publishableKey: mockProdPublishableKey, clerkJSVariant: 'headless' });
+    expect(result).toBe(
+      `https://example.clerk.accounts.dev/npm/@clerk/clerk-js@${jsPackageMajorVersion}/dist/clerk.headless.browser.js`,
+    );
+  });
+
+  test('uses provided clerkJSVersion', () => {
+    const result = clerkJsScriptUrl({ publishableKey: mockDevPublishableKey, clerkJSVersion: '6' });
+    expect(result).toContain('/npm/@clerk/clerk-js@6/');
+  });
+});
+
+describe('buildClerkJsScriptAttributes()', () => {
+  const mockPublishableKey = 'pk_test_Zm9vLWJhci0xMy5jbGVyay5hY2NvdW50cy5kZXYk';
+  const mockProxyUrl = 'https://proxy.clerk.com';
+  const mockDomain = 'custom.com';
+
+  test.each([
+    [
+      'all options',
+      { publishableKey: mockPublishableKey, proxyUrl: mockProxyUrl, domain: mockDomain },
+      {
+        'data-clerk-publishable-key': mockPublishableKey,
+        'data-clerk-proxy-url': mockProxyUrl,
+        'data-clerk-domain': mockDomain,
+      },
+    ],
+    [
+      'only publishableKey',
+      { publishableKey: mockPublishableKey },
+      { 'data-clerk-publishable-key': mockPublishableKey },
+    ],
+    [
+      'publishableKey and proxyUrl',
+      { publishableKey: mockPublishableKey, proxyUrl: mockProxyUrl },
+      { 'data-clerk-publishable-key': mockPublishableKey, 'data-clerk-proxy-url': mockProxyUrl },
+    ],
+    ['no options', {}, {}],
+  ])('returns correct attributes with %s', (_, input, expected) => {
+    // @ts-ignore input loses correct type because of empty object
+    expect(buildClerkJsScriptAttributes(input)).toEqual(expected);
+  });
+});
diff --git a/packages/react/src/utils/__tests__/versionSelector.test.ts b/packages/shared/src/__tests__/versionSelector.test.ts
similarity index 79%
rename from packages/react/src/utils/__tests__/versionSelector.test.ts
rename to packages/shared/src/__tests__/versionSelector.test.ts
index d600b325218..c839fe3c95f 100644
--- a/packages/react/src/utils/__tests__/versionSelector.test.ts
+++ b/packages/shared/src/__tests__/versionSelector.test.ts
@@ -7,30 +7,27 @@ describe('versionSelector', () => {
   });
 
   it('should use the major version if there is no prerelease tag', () => {
-    // @ts-ignore
-    global.PACKAGE_VERSION = '1.0.0';
+    const PACKAGE_VERSION = '1.0.0';
     // @ts-ignore
     global.JS_PACKAGE_VERSION = '2.0.0';
 
-    expect(versionSelector(undefined)).toEqual('1');
+    expect(versionSelector(undefined, PACKAGE_VERSION)).toEqual('1');
   });
 
   it('should use the prerelease tag when it is not snapshot', () => {
-    // @ts-ignore
-    global.PACKAGE_VERSION = '1.0.0-next.0';
+    const PACKAGE_VERSION = '1.0.0-next.0';
     // @ts-ignore
     global.JS_PACKAGE_VERSION = '2.0.0-next.0';
 
-    expect(versionSelector(undefined)).toEqual('next');
+    expect(versionSelector(undefined, PACKAGE_VERSION)).toEqual('next');
   });
 
   it('should use the exact JS version if tag is snapshot', () => {
-    // @ts-ignore
-    global.PACKAGE_VERSION = '1.0.0-snapshot.0';
+    const PACKAGE_VERSION = '1.0.0-snapshot.0';
     // @ts-ignore
     global.JS_PACKAGE_VERSION = '2.0.0-snapshot.0';
 
-    expect(versionSelector(undefined)).toEqual('2.0.0-snapshot.0');
+    expect(versionSelector(undefined, PACKAGE_VERSION)).toEqual('2.0.0-snapshot.0');
   });
 
   // We replaced semver with 2 custom regexes
diff --git a/packages/shared/src/deriveState.ts b/packages/shared/src/deriveState.ts
new file mode 100644
index 00000000000..6a280fe4a6e
--- /dev/null
+++ b/packages/shared/src/deriveState.ts
@@ -0,0 +1,71 @@
+import type {
+  ActiveSessionResource,
+  InitialState,
+  OrganizationCustomPermissionKey,
+  OrganizationCustomRoleKey,
+  OrganizationResource,
+  Resources,
+  UserResource,
+} from '@clerk/types';
+
+export const deriveState = (clerkLoaded: boolean, state: Resources, initialState: InitialState | undefined) => {
+  if (!clerkLoaded && initialState) {
+    return deriveFromSsrInitialState(initialState);
+  }
+  return deriveFromClientSideState(state);
+};
+
+const deriveFromSsrInitialState = (initialState: InitialState) => {
+  const userId = initialState.userId;
+  const user = initialState.user as UserResource;
+  const sessionId = initialState.sessionId;
+  const session = initialState.session as ActiveSessionResource;
+  const organization = initialState.organization as OrganizationResource;
+  const orgId = initialState.orgId;
+  const orgRole = initialState.orgRole as OrganizationCustomRoleKey;
+  const orgPermissions = initialState.orgPermissions as OrganizationCustomPermissionKey[];
+  const orgSlug = initialState.orgSlug;
+  const actor = initialState.actor;
+
+  return {
+    userId,
+    user,
+    sessionId,
+    session,
+    organization,
+    orgId,
+    orgRole,
+    orgPermissions,
+    orgSlug,
+    actor,
+  };
+};
+
+const deriveFromClientSideState = (state: Resources) => {
+  const userId: string | null | undefined = state.user ? state.user.id : state.user;
+  const user = state.user;
+  const sessionId: string | null | undefined = state.session ? state.session.id : state.session;
+  const session = state.session;
+  const actor = session?.actor;
+  const organization = state.organization;
+  const orgId: string | null | undefined = state.organization ? state.organization.id : state.organization;
+  const orgSlug = organization?.slug;
+  const membership = organization
+    ? user?.organizationMemberships?.find(om => om.organization.id === orgId)
+    : organization;
+  const orgPermissions = membership ? membership.permissions : membership;
+  const orgRole = membership ? membership.role : membership;
+
+  return {
+    userId,
+    user,
+    sessionId,
+    session,
+    organization,
+    orgId,
+    orgRole,
+    orgSlug,
+    orgPermissions,
+    actor,
+  };
+};
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index f9152c1b5fd..d1c7723d9b7 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -17,18 +17,21 @@ export * from './color';
 export * from './constants';
 export * from './date';
 export * from './deprecated';
+export { deriveState } from './deriveState';
 export * from './error';
 export * from './file';
 export { handleValueOrFn } from './handleValueOrFn';
 export { isomorphicAtob } from './isomorphicAtob';
 export { isomorphicBtoa } from './isomorphicBtoa';
 export * from './keys';
+export * from './loadClerkJsScript';
 export { loadScript } from './loadScript';
 export { LocalStorageBroadcastChannel } from './localStorageBroadcastChannel';
 export * from './poller';
 export * from './proxy';
 export * from './underscore';
 export * from './url';
+export { versionSelector } from './versionSelector';
 export * from './object';
 export * from './logger';
 export { createWorkerTimers } from './workerTimers';
diff --git a/packages/react/src/utils/loadClerkJsScript.ts b/packages/shared/src/loadClerkJsScript.ts
similarity index 57%
rename from packages/react/src/utils/loadClerkJsScript.ts
rename to packages/shared/src/loadClerkJsScript.ts
index db5ad5ace7d..97647e3f0bd 100644
--- a/packages/react/src/utils/loadClerkJsScript.ts
+++ b/packages/shared/src/loadClerkJsScript.ts
@@ -1,28 +1,53 @@
-import { parsePublishableKey } from '@clerk/shared/keys';
-import { loadScript } from '@clerk/shared/loadScript';
-import { isValidProxyUrl, proxyUrlToAbsoluteURL } from '@clerk/shared/proxy';
-import { addClerkPrefix } from '@clerk/shared/url';
-
-import { errorThrower } from '../errors/errorThrower';
-import type { IsomorphicClerkOptions } from '../types';
-import { isDevOrStagingUrl } from './isDevOrStageUrl';
+import type { ClerkOptions, SDKMetadata, Without } from '@clerk/types';
+
+import { buildErrorThrower } from './error';
+import { createDevOrStagingUrlCache, parsePublishableKey } from './keys';
+import { loadScript } from './loadScript';
+import { isValidProxyUrl, proxyUrlToAbsoluteURL } from './proxy';
+import { addClerkPrefix } from './url';
 import { versionSelector } from './versionSelector';
 
 const FAILED_TO_LOAD_ERROR = 'Clerk: Failed to load Clerk';
 
-type LoadClerkJsScriptOptions = Omit<IsomorphicClerkOptions, 'proxyUrl' | 'domain'> & {
+const { isDevOrStagingUrl } = createDevOrStagingUrlCache();
+
+const errorThrower = buildErrorThrower({ packageName: '@clerk/shared' });
+
+/**
+ * Sets the package name for error messages during ClerkJS script loading.
+ *
+ * @example
+ * setClerkJsLoadingErrorPackageName('@clerk/clerk-react');
+ */
+export function setClerkJsLoadingErrorPackageName(packageName: string) {
+  errorThrower.setPackageName({ packageName });
+}
+
+type LoadClerkJsScriptOptions = Without<ClerkOptions, 'isSatellite'> & {
+  publishableKey: string;
+  clerkJSUrl?: string;
+  clerkJSVariant?: 'headless' | '';
+  clerkJSVersion?: string;
+  sdkMetadata?: SDKMetadata;
   proxyUrl?: string;
   domain?: string;
   nonce?: string;
 };
 
-const loadClerkJsScript = (opts: LoadClerkJsScriptOptions) => {
-  const { publishableKey, nonce } = opts;
-
-  if (!publishableKey) {
-    errorThrower.throwMissingPublishableKeyError();
-  }
-
+/**
+ * Hotloads the Clerk JS script.
+ *
+ * Checks for an existing Clerk JS script. If found, it returns a promise
+ * that resolves when the script loads. If not found, it uses the provided options to
+ * build the Clerk JS script URL and load the script.
+ *
+ * @param opts - The options used to build the Clerk JS script URL and load the script.
+ *               Must include a `publishableKey` if no existing script is found.
+ *
+ * @example
+ * loadClerkJsScript({ publishableKey: 'pk_' });
+ */
+const loadClerkJsScript = async (opts?: LoadClerkJsScriptOptions) => {
   const existingScript = document.querySelector<HTMLScriptElement>('script[data-clerk-js-script]');
 
   if (existingScript) {
@@ -37,16 +62,29 @@ const loadClerkJsScript = (opts: LoadClerkJsScriptOptions) => {
     });
   }
 
+  if (!opts?.publishableKey) {
+    errorThrower.throwMissingPublishableKeyError();
+    return;
+  }
+
   return loadScript(clerkJsScriptUrl(opts), {
     async: true,
     crossOrigin: 'anonymous',
-    nonce,
+    nonce: opts.nonce,
     beforeLoad: applyClerkJsScriptAttributes(opts),
   }).catch(() => {
     throw new Error(FAILED_TO_LOAD_ERROR);
   });
 };
 
+/**
+ * Generates a Clerk JS script URL.
+ *
+ * @param opts - The options to use when building the Clerk JS script URL.
+ *
+ * @example
+ * clerkJsScriptUrl({ publishableKey: 'pk_' });
+ */
 const clerkJsScriptUrl = (opts: LoadClerkJsScriptOptions) => {
   const { clerkJSUrl, clerkJSVariant, clerkJSVersion, proxyUrl, domain, publishableKey } = opts;
 
@@ -68,6 +106,9 @@ const clerkJsScriptUrl = (opts: LoadClerkJsScriptOptions) => {
   return `https://${scriptHost}/npm/@clerk/clerk-js@${version}/dist/clerk.${variant}browser.js`;
 };
 
+/**
+ * Builds an object of Clerk JS script attributes.
+ */
 const buildClerkJsScriptAttributes = (options: LoadClerkJsScriptOptions) => {
   const obj: Record<string, string> = {};
 
diff --git a/packages/react/src/utils/versionSelector.ts b/packages/shared/src/versionSelector.ts
similarity index 63%
rename from packages/react/src/utils/versionSelector.ts
rename to packages/shared/src/versionSelector.ts
index 6a07495706c..7eac9d9c097 100644
--- a/packages/react/src/utils/versionSelector.ts
+++ b/packages/shared/src/versionSelector.ts
@@ -1,14 +1,14 @@
 /**
  * This version selector is a bit complicated, so here is the flow:
  * 1. Use the clerkJSVersion prop on the provider
- * 2. Use the exact `@clerk/clerk-js` version if it is a `@snapshot` prerelease for `@clerk/clerk-react`
- * 3. Use the prerelease tag of `@clerk/clerk-react`
- * 4. Fallback to the major version of `@clerk/clerk-react`
+ * 2. Use the exact `@clerk/clerk-js` version if it is a `@snapshot` prerelease
+ * 3. Use the prerelease tag of `@clerk/clerk-js` or the packageVersion provided
+ * 4. Fallback to the major version of `@clerk/clerk-js` or the packageVersion provided
  * @param clerkJSVersion - The optional clerkJSVersion prop on the provider
- * @param packageVersion - The version of `@clerk/clerk-react` that will be used if an explicit version is not provided
+ * @param packageVersion - The version of `@clerk/clerk-js` that will be used if an explicit version is not provided
  * @returns The npm tag, version or major version to use
  */
-export const versionSelector = (clerkJSVersion: string | undefined, packageVersion = PACKAGE_VERSION) => {
+export const versionSelector = (clerkJSVersion: string | undefined, packageVersion = JS_PACKAGE_VERSION) => {
   if (clerkJSVersion) {
     return clerkJSVersion;
   }
@@ -31,4 +31,4 @@ const getPrereleaseTag = (packageVersion: string) =>
     .replace(/^v/, '')
     .match(/-(.+?)(\.|$)/)?.[1];
 
-const getMajorVersion = (packageVersion: string) => packageVersion.trim().replace(/^v/, '').split('.')[0];
+export const getMajorVersion = (packageVersion: string) => packageVersion.trim().replace(/^v/, '').split('.')[0];
diff --git a/packages/shared/subpaths.mjs b/packages/shared/subpaths.mjs
index 37f18538715..3ec9dc42cdb 100644
--- a/packages/shared/subpaths.mjs
+++ b/packages/shared/subpaths.mjs
@@ -8,6 +8,7 @@ export const subpathNames = [
   'cookie',
   'date',
   'deprecated',
+  'deriveState',
   'error',
   'file',
   'globs',
@@ -15,12 +16,14 @@ export const subpathNames = [
   'isomorphicAtob',
   'isomorphicBtoa',
   'keys',
+  'loadClerkJsScript',
   'loadScript',
   'localStorageBroadcastChannel',
   'poller',
   'proxy',
   'underscore',
   'url',
+  'versionSelector',
   'constants',
   'apiUrlFromPublishableKey',
   'telemetry',
diff --git a/packages/shared/tsup.config.ts b/packages/shared/tsup.config.ts
index 8c912b55a08..12bb36aac30 100644
--- a/packages/shared/tsup.config.ts
+++ b/packages/shared/tsup.config.ts
@@ -3,6 +3,7 @@ import { transform } from 'esbuild';
 import { readFile } from 'fs/promises';
 import { defineConfig } from 'tsup';
 
+import { version as clerkJsVersion } from '../clerk-js/package.json';
 import { name, version } from './package.json';
 
 export default defineConfig(overrideOptions => {
@@ -21,6 +22,7 @@ export default defineConfig(overrideOptions => {
     define: {
       PACKAGE_NAME: `"${name}"`,
       PACKAGE_VERSION: `"${version}"`,
+      JS_PACKAGE_VERSION: `"${clerkJsVersion}"`,
       __DEV__: `${isWatch}`,
     },
   };