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', 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": {