diff --git a/src/js/components/Widgets/StorybookRedirect.jsx b/src/js/components/Widgets/StorybookRedirect.jsx
new file mode 100644
index 000000000..ae049c55d
--- /dev/null
+++ b/src/js/components/Widgets/StorybookRedirect.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { renderLog } from '../../common/utils/logging';
+
+
+// React functional component example
+export default function StorybookRedirect () {
+  renderLog('StorybookRedirect functional component');
+
+  return (
+    <a href="/storybook?path=/docs/design-system--docs">Redirect to Html page</a>
+  );
+}
diff --git a/webpack.config.js b/webpack.config.js
index e3378a920..c0cd09730 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -29,6 +29,8 @@ if (major < 13) {
 } else {
   console.log(`Node version is: ${process.version}`);
 }
+console.log('useRealCerts in webpack.config.js ', useRealCerts);
+console.log('key: ', fs.readFileSync(`./${source}/cert/wevotedeveloper.com.crt`).toString());
 
 module.exports = (env, argv) => ({
   entry: path.resolve(__dirname, `./${source}/index.jsx`),
@@ -166,7 +168,7 @@ module.exports = (env, argv) => ({
     static: {
       directory: path.join(__dirname, './build'),
     },
-    host: 'localhost',
+    host: (useRealCerts ? 'wevotedeveloper.com' : 'localhost'),
     port,
     historyApiFallback: true,
     // open: true,