diff --git a/website/src/code-examples/api-reference/application-config/runtime-application-environment.tsx b/website/src/code-examples/api-reference/application-config/runtime-application-environment.tsx
index 5726c86d49..599ce6ee21 100644
--- a/website/src/code-examples/api-reference/application-config/runtime-application-environment.tsx
+++ b/website/src/code-examples/api-reference/application-config/runtime-application-environment.tsx
@@ -1,8 +1,6 @@
-import type { TApplicationContext } from '@commercetools-frontend/application-shell-connectors';
+import type { ApplicationWindow } from '@commercetools-frontend/constants';
 
-declare const window: typeof Window & {
-  app: TApplicationContext<{}>['environment'];
-};
+declare let window: ApplicationWindow;
 
 const EntryPoint = () => (
   <ApplicationShell
diff --git a/website/src/code-examples/api-reference/commercetools-frontend-application-shell-connectors/with-project-extension-image-regex.tsx b/website/src/code-examples/api-reference/commercetools-frontend-application-shell-connectors/with-project-extension-image-regex.tsx
index 8e8f1f4ede..d657d56d11 100644
--- a/website/src/code-examples/api-reference/commercetools-frontend-application-shell-connectors/with-project-extension-image-regex.tsx
+++ b/website/src/code-examples/api-reference/commercetools-frontend-application-shell-connectors/with-project-extension-image-regex.tsx
@@ -2,7 +2,7 @@ import {
   withProjectExtensionImageRegex,
   ProjectExtensionProviderForImageRegex,
 } from '@commercetools-frontend/application-shell-connectors';
-import type { TImageRegexContext } from '@commercetools-frontend/application-shell-connectors/dist/declarations/src/components/project-extension-image-regex/project-extension-image-regex';
+import type { TImageRegexContext } from '@commercetools-frontend/application-shell-connectors';
 import { Component } from 'react';
 
 type TOwnProps = {
diff --git a/website/src/code-examples/concepts/integrate-with-your-own-api/local-development.js b/website/src/code-examples/concepts/integrate-with-your-own-api/local-development.js
new file mode 100644
index 0000000000..4f3465f07f
--- /dev/null
+++ b/website/src/code-examples/concepts/integrate-with-your-own-api/local-development.js
@@ -0,0 +1,22 @@
+const express = require('express');
+const {
+  createSessionMiddleware,
+  CLOUD_IDENTIFIERS,
+} = require('@commercetools-backend/express');
+
+const app = express();
+app.use(
+  createSessionMiddleware({
+    audience: 'https://33ea-87-183-162-9.eu.ngrok.io',
+    issuer: CLOUD_IDENTIFIERS.GCP_EU,
+  })
+);
+app.post('/echo', (req, res) => {
+  res.send('It works 🙌');
+});
+
+app.listen(6000, () => {
+  console.log('Running on port 6000.');
+});
+
+module.exports = app;
diff --git a/website/src/code-examples/concepts/integrate-with-your-own-api/local-development.ts b/website/src/code-examples/concepts/integrate-with-your-own-api/local-development.ts
new file mode 100644
index 0000000000..0022d5e2e9
--- /dev/null
+++ b/website/src/code-examples/concepts/integrate-with-your-own-api/local-development.ts
@@ -0,0 +1,22 @@
+import express, { type Request, type Response } from 'express';
+import {
+  createSessionMiddleware,
+  CLOUD_IDENTIFIERS,
+} from '@commercetools-backend/express';
+
+const app = express();
+app.use(
+  createSessionMiddleware({
+    audience: 'https://33ea-87-183-162-9.eu.ngrok.io',
+    issuer: CLOUD_IDENTIFIERS.GCP_EU,
+  })
+);
+app.post('/echo', (_req: Request, res: Response) => {
+  res.send('It works 🙌');
+});
+
+app.listen(6000, () => {
+  console.log('Running on port 6000.');
+});
+
+export default app;
diff --git a/website/src/code-examples/help-needed/entry-point-uri-path.ts b/website/src/code-examples/help-needed/entry-point-uri-path.ts
index 6a48c1cc0e..2c27ffff7a 100644
--- a/website/src/code-examples/help-needed/entry-point-uri-path.ts
+++ b/website/src/code-examples/help-needed/entry-point-uri-path.ts
@@ -1,10 +1,8 @@
 // Make sure to import the helper functions from the `ssr` entry point.
 import { entryPointUriPathToPermissionKeys } from '@commercetools-frontend/application-shell/ssr';
-import type { TApplicationContext } from '@commercetools-frontend/application-shell-connectors';
+import type { ApplicationWindow } from '@commercetools-frontend/constants';
 
-declare const window: typeof Window & {
-  app: TApplicationContext<{}>['environment'];
-};
+declare let window: ApplicationWindow;
 
 export const entryPointUriPath =
   typeof window === 'undefined'
diff --git a/website/src/content/concepts/integrate-with-your-own-api.mdx b/website/src/content/concepts/integrate-with-your-own-api.mdx
index e94462dc02..96b1d0a235 100644
--- a/website/src/content/concepts/integrate-with-your-own-api.mdx
+++ b/website/src/content/concepts/integrate-with-your-own-api.mdx
@@ -220,30 +220,10 @@ The URL `https://<identifier>.ngrok.io` can now be used as the URL of the server
 
 This is also the value of the `audience` to be configured in your session middleware when using the `@commercetools-backend/express` package.
 
-```js highlightLines="10"
-const express = require("express");
-const {
-  createSessionMiddleware,
-  CLOUD_IDENTIFIERS,
-} = require("@commercetools-backend/express");
-
-const app = express();
-app.use(
-  createSessionMiddleware({
-    audience: "https://33ea-87-183-162-9.eu.ngrok.io",
-    issuer: CLOUD_IDENTIFIERS.GCP_EU,
-  })
-);
-app.post("/echo", (req, res) => {
-  res.send("It works 🙌");
-});
-
-app.listen(6000, () => {
-  console.log("Running on port 6000.");
-});
-
-module.exports = app;
-```
+<MultiCodeExample>
+  <CodeExample path="concepts/integrate-with-your-own-api/local-development.js" highlightLines={[10]} />
+  <CodeExample path="concepts/integrate-with-your-own-api/local-development.ts" highlightLines={[10]} />
+</MultiCodeExample>
 
 We recommend configuring the external API URL using environment variables to be able to define different values for development (using a secure tunnel) and production.
 In the Custom Application config you can specify the external API URL as an [`additionalEnv`](/api-reference/application-config#additionalenv) property using a [variable placeholder](/api-reference/application-config#using-variable-placeholders).
diff --git a/website/src/content/help-needed.mdx b/website/src/content/help-needed.mdx
index db4489ff36..8bd0d4e279 100644
--- a/website/src/content/help-needed.mdx
+++ b/website/src/content/help-needed.mdx
@@ -116,6 +116,6 @@ Therefore, both server-side and client-side logic must be considered when readin
 
 <MultiCodeExample title="Channels">
   <CodeExample path="help-needed/entry-point-uri-path.js" highlightLines={[4,5,6,7]} />
-  <CodeExample path="help-needed/entry-point-uri-path.ts" highlightLines={[9,10,11,12]} />
+  <CodeExample path="help-needed/entry-point-uri-path.ts" highlightLines={[7,8,9,10]} />
 </MultiCodeExample>
 </Info>