From 93211219d32a337657c12838d3cc0075b0c9e79a Mon Sep 17 00:00:00 2001
From: Anna Beddow <anna.beddow@gmail.com>
Date: Tue, 21 Apr 2026 15:19:46 +0100
Subject: [PATCH 1/2] Set 'storybook.thegulocal.com' as an allowed host in
 storybook core config
 https://storybook.js.org/docs/api/main-config/main-config-core#allowedhosts

---
 dotcom-rendering/.storybook/main.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/dotcom-rendering/.storybook/main.ts b/dotcom-rendering/.storybook/main.ts
index 420f7a2c411..72b18cb3d59 100644
--- a/dotcom-rendering/.storybook/main.ts
+++ b/dotcom-rendering/.storybook/main.ts
@@ -84,6 +84,9 @@ export default defineMain({
 		// See: https://storybook.js.org/docs/react/configure/environment-variables
 		CI: 'true',
 	}),
+	core: {
+		allowedHosts: ['storybook.thegulocal.com'],
+	},
 
 	framework: {
 		name: '@storybook/react-webpack5',

From 8dcb3e66c875e0de3e371f64ebdc6472fc7b7fd1 Mon Sep 17 00:00:00 2001
From: Anna Beddow <anna.beddow@gmail.com>
Date: Tue, 21 Apr 2026 15:32:41 +0100
Subject: [PATCH 2/2] Add commands to allow opening the storybook dev proxy
 server from as a make command

---
 dotcom-rendering/makefile     | 6 ++++++
 dotcom-rendering/package.json | 1 +
 2 files changed, 7 insertions(+)

diff --git a/dotcom-rendering/makefile b/dotcom-rendering/makefile
index 3340b5f0dd6..c1cbe880f06 100644
--- a/dotcom-rendering/makefile
+++ b/dotcom-rendering/makefile
@@ -66,8 +66,14 @@ storybook-dev: clear clean-dist install
 	$(call log, "starting Storybook DEV server")
 	@pnpm storybook
 
+storybook-dev-proxy: clear clean-dist install
+	$(call log, "starting Storybook DEV reverse proxy server")
+	@pnpm storybook-proxy
+
 storybook: storybook-dev
 
+storybook-proxy: storybook-dev-proxy
+
 # tests #####################################
 
 playwright-run:
diff --git a/dotcom-rendering/package.json b/dotcom-rendering/package.json
index 0201080af14..3411fdacd45 100644
--- a/dotcom-rendering/package.json
+++ b/dotcom-rendering/package.json
@@ -16,6 +16,7 @@
 		"playwright:run": "playwright test",
 		"unused-exports": "pnpm ts-unused-exports ./tsconfig.json --ignoreFiles='(/(fixtures|__mocks__)/|.+\\.(stories|mocks))' --exitWithCount",
 		"storybook": "storybook dev -p 4002",
+		"storybook-proxy": "storybook dev -p 4002 --host storybook.thegulocal.com",
 		"build-storybook": "storybook build"
 	},
 	"dependencies": {