diff --git a/package.json b/package.json
index b60dc1f301..e1cea52a36 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,8 @@
   "dependencies": {
     "@babel/runtime": "^7.11.2",
     "@formatjs/intl-relativetimeformat": "^4.2.1",
+    "@loadable/component": "^5.14.1",
+    "@loadable/server": "^5.14.0",
     "@mapbox/polyline": "^1.1.1",
     "@sentry/browser": "5.20.1",
     "@sentry/node": "5.20.1",
@@ -57,7 +59,7 @@
     "redux-thunk": "^2.3.0",
     "seedrandom": "^3.0.5",
     "sharetribe-flex-sdk": "1.13.0",
-    "sharetribe-scripts": "4.0.0",
+    "sharetribe-scripts": "4.0.0-alpha21",
     "smoothscroll-polyfill": "^0.4.0",
     "source-map-support": "^0.5.9",
     "url": "^0.11.0"
diff --git a/public/index.html b/public/index.html
index 434abc51ef..d362705551 100644
--- a/public/index.html
+++ b/public/index.html
@@ -21,6 +21,8 @@
     <!-- End Favicons -->
 
     <!--!link-->
+    <!--!ssrStyles-->
+    <!--!ssrLinks-->
 
     <style>
      /**
@@ -160,6 +162,7 @@
     <script src="https://js.stripe.com/v3/"></script>
     <!--!preloadedStateScript-->
     <!--!script-->
+    <!--!ssrScripts-->
 
     <!--
          Note when adding new external scripts/styles/fonts/etc.:
diff --git a/server/dataLoader.js b/server/dataLoader.js
index fa65809837..401a6be63c 100644
--- a/server/dataLoader.js
+++ b/server/dataLoader.js
@@ -4,21 +4,21 @@ const log = require('./log');
 
 exports.loadData = function(requestUrl, sdk) {
   const { pathname, query } = url.parse(requestUrl);
-  const matchedRoutes = matchPathname(pathname, routeConfiguration());
+  // const matchedRoutes = matchPathname(pathname, routeConfiguration());
 
-  const store = configureStore({}, sdk);
-
-  const dataLoadingCalls = matchedRoutes.reduce((calls, match) => {
-    const { route, params } = match;
-    if (typeof route.loadData === 'function' && !route.auth) {
-      calls.push(store.dispatch(route.loadData(params, query)));
-    }
-    return calls;
-  }, []);
+  // const store = configureStore({}, sdk);
 
+  // const dataLoadingCalls = matchedRoutes.reduce((calls, match) => {
+  //   const { route, params } = match;
+  //   if (typeof route.loadData === 'function' && !route.auth) {
+  //     calls.push(store.dispatch(route.loadData(params, query)));
+  //   }
+  //   return calls;
+  // }, []);
+  const dataLoadingCalls = [];
   return Promise.all(dataLoadingCalls)
     .then(() => {
-      return store.getState();
+      return {};//store.getState();
     })
     .catch(e => {
       log.error(e, 'server-side-data-load-failed');
@@ -26,6 +26,6 @@ exports.loadData = function(requestUrl, sdk) {
       // Call to loadData failed, let client handle the data loading errors.
       // (It might be recoverable error like lost connection.)
       // Return "empty" store.
-      return store.getState();
+      return {};//store.getState();
     });
 };
diff --git a/server/importer.js b/server/importer.js
index 185e687f13..45307cfe99 100644
--- a/server/importer.js
+++ b/server/importer.js
@@ -12,9 +12,15 @@ const manifest = require(manifestPath);
 const mainJsPath = path.join(buildPath, manifest['files']['main.js']);
 const mainJs = require(mainJsPath);
 
+console.log('mainJs', mainJs);
+const nodeStats = path.join(buildPath,'node/loadable-stats.json');
+const webStats = path.join(buildPath,'loadable-stats.json');
+
 module.exports = {
   renderApp: mainJs.default,
   matchPathname: mainJs.matchPathname,
   configureStore: mainJs.configureStore,
   routeConfiguration: mainJs.routeConfiguration,
+  nodeStats,
+  webStats,
 };
diff --git a/server/renderer.js b/server/renderer.js
index 367649cefd..e7b903477d 100644
--- a/server/renderer.js
+++ b/server/renderer.js
@@ -2,7 +2,8 @@ const path = require('path');
 const fs = require('fs');
 const _ = require('lodash');
 const { types } = require('sharetribe-flex-sdk');
-const { renderApp } = require('./importer');
+const { ChunkExtractor } = require('@loadable/server');
+const { renderApp, nodeStats, webStats } = require('./importer');
 
 const buildPath = path.resolve(__dirname, '..', 'build');
 
@@ -92,7 +93,37 @@ const replacer = (key = null, value) => {
 };
 
 exports.render = function(requestUrl, context, preloadedState) {
-  const { head, body } = renderApp(requestUrl, context, preloadedState);
+  const nodeExtractor = new ChunkExtractor({ statsFile: nodeStats });
+  console.log('nodeStats:', nodeStats);
+
+  const nodeEntrypoint = nodeExtractor.requireEntrypoint();
+  console.log('nodeEntrypoint:', nodeEntrypoint);
+
+  const {
+    default: renderApp,
+    matchPathname,
+    configureStore,
+    routeConfiguration,
+  } = nodeEntrypoint;
+  console.log('nodeEntrypoint spread:', renderApp, matchPathname, configureStore, routeConfiguration);
+  console.log();
+  // console.log(JSON.stringify(nodeEntrypoint));
+
+  const webExtractor = new ChunkExtractor({ statsFile: webStats });
+  // const webEntrypoint = webExtractor.requireEntrypoint();
+  // console.log('webEntrypoint:', webEntrypoint);
+
+  const { head, body } = renderApp(requestUrl, context, preloadedState, webExtractor.collectChunks);
+  // const jsx = webExtractor.collectChunks(<App />);
+  // const body = ReactDOMServer.renderToString(jsx);
+
+  console.log('typeof body:', typeof body, '\nstart-of-body\n', body, '\nend-of-body');
+  console.log('head.title.toString()', head.title.toString());
+
+  console.log('webExtractor.getStyleTags():\n', webExtractor.getStyleTags());
+  console.log('webExtractor.getLinkTags():\n', webExtractor.getLinkTags());
+  console.log('webExtractor.getScriptTags():\n', webExtractor.getScriptTags());
+
 
   // Preloaded state needs to be passed for client side too.
   // For security reasons we ensure that preloaded state is considered as a string
@@ -133,6 +164,9 @@ exports.render = function(requestUrl, context, preloadedState) {
     script: head.script.toString(),
     preloadedStateScript,
     googleAnalyticsScript,
+    ssrStyles: webExtractor.getStyleTags(),
+    ssrLinks: webExtractor.getLinkTags(),
+    ssrScripts: webExtractor.getScriptTags(),
     body,
   });
 };
diff --git a/src/app.js b/src/app.js
index 6985450958..2958ffc670 100644
--- a/src/app.js
+++ b/src/app.js
@@ -131,7 +131,7 @@ ServerApp.propTypes = { url: string.isRequired, context: any.isRequired, store:
  *  - {String} body: Rendered application body of the given route
  *  - {Object} head: Application head metadata from react-helmet
  */
-export const renderApp = (url, serverContext, preloadedState) => {
+export const renderApp = (url, serverContext, preloadedState, collectChunks) => {
   // Don't pass an SDK instance since we're only rendering the
   // component tree with the preloaded store state and components
   // shouldn't do any SDK calls in the (server) rendering lifecycle.
@@ -139,9 +139,11 @@ export const renderApp = (url, serverContext, preloadedState) => {
 
   const helmetContext = {};
 
-  const body = ReactDOMServer.renderToString(
-    <ServerApp url={url} context={serverContext} helmetContext={helmetContext} store={store} />
+  const WithChunks = collectChunks(
+      <ServerApp url={url} context={serverContext} helmetContext={helmetContext} store={store} />
   );
+  console.log('WithChunks', WithChunks);
+  const body = ReactDOMServer.renderToString(WithChunks);
   const { helmet: head } = helmetContext;
   return { head, body };
 };
diff --git a/src/containers/index.js b/src/containers/index.js
index 5779a25d55..f4231f7afa 100644
--- a/src/containers/index.js
+++ b/src/containers/index.js
@@ -5,7 +5,7 @@ export { default as ContactDetailsPage } from './ContactDetailsPage/ContactDetai
 export { default as EditListingPage } from './EditListingPage/EditListingPage';
 export { default as EmailVerificationPage } from './EmailVerificationPage/EmailVerificationPage';
 export { default as InboxPage } from './InboxPage/InboxPage';
-export { default as LandingPage } from './LandingPage/LandingPage';
+// export { default as LandingPage } from './LandingPage/LandingPage';
 export { default as ListingPage } from './ListingPage/ListingPage';
 export { default as ManageListingsPage } from './ManageListingsPage/ManageListingsPage';
 export { default as NotFoundPage } from './NotFoundPage/NotFoundPage';
@@ -19,7 +19,7 @@ export { default as ProfilePage } from './ProfilePage/ProfilePage';
 export { default as ProfileSettingsPage } from './ProfileSettingsPage/ProfileSettingsPage';
 export { default as SearchPage } from './SearchPage/SearchPage';
 export { default as StaticPage } from './StaticPage/StaticPage';
-export { default as StyleguidePage } from './StyleguidePage/StyleguidePage';
+// export { default as StyleguidePage } from './StyleguidePage/StyleguidePage';
 export { default as TermsOfServicePage } from './TermsOfServicePage/TermsOfServicePage';
 export { default as TopbarContainer } from './TopbarContainer/TopbarContainer';
 export { default as TransactionPage } from './TransactionPage/TransactionPage';
diff --git a/src/index-server.js b/src/index-server.js
new file mode 100644
index 0000000000..839be76347
--- /dev/null
+++ b/src/index-server.js
@@ -0,0 +1,27 @@
+import { renderApp } from './app';
+import configureStore from './store';
+import { matchPathname } from './util/routes';
+import routeConfiguration from './routeConfiguration';
+import config from './config';
+
+// Show warning if CSP is not enabled
+const CSP = process.env.REACT_APP_CSP;
+const cspEnabled = CSP === 'block' || CSP === 'report';
+
+if (CSP === 'report' && process.env.REACT_APP_ENV === 'production') {
+  console.warn(
+    'Your production environment should use CSP with "block" mode. Read more from: https://www.sharetribe.com/docs/ftw-security/how-to-set-up-csp-for-ftw/'
+  );
+} else if (!cspEnabled) {
+  console.warn(
+    "CSP is currently not enabled! You should add an environment variable REACT_APP_CSP with the value 'report' or 'block'. Read more from: https://www.sharetribe.com/docs/ftw-security/how-to-set-up-csp-for-ftw/"
+  );
+}
+
+// Export the function for server side rendering.
+export default renderApp;
+
+// exporting matchPathname and configureStore for server side rendering.
+// matchPathname helps to figure out which route is called and if it has preloading needs
+// configureStore is used for creating initial store state for Redux after preloading
+export { matchPathname, configureStore, routeConfiguration, config };
diff --git a/src/index.js b/src/index.js
index 6b1df387aa..31a569b70c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -19,6 +19,7 @@ import 'raf/polyfill';
 
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { loadableReady } from '@loadable/component';
 import { createInstance, types as sdkTypes } from './util/sdkLoader';
 import { ClientApp, renderApp } from './app';
 import configureStore from './store';
@@ -43,6 +44,9 @@ const render = (store, shouldHydrate) => {
   info
     .then(() => {
       store.dispatch(fetchCurrentUser());
+      return loadableReady();
+    })
+    .then(() => {
       if (shouldHydrate) {
         ReactDOM.hydrate(<ClientApp store={store} />, document.getElementById('root'));
       } else {
@@ -105,25 +109,3 @@ if (typeof window !== 'undefined') {
     };
   }
 }
-
-// Show warning if CSP is not enabled
-const CSP = process.env.REACT_APP_CSP;
-const cspEnabled = CSP === 'block' || CSP === 'report';
-
-if (CSP === 'report' && process.env.REACT_APP_ENV === 'production') {
-  console.warn(
-    'Your production environment should use CSP with "block" mode. Read more from: https://www.sharetribe.com/docs/ftw-security/how-to-set-up-csp-for-ftw/'
-  );
-} else if (!cspEnabled) {
-  console.warn(
-    "CSP is currently not enabled! You should add an environment variable REACT_APP_CSP with the value 'report' or 'block'. Read more from: https://www.sharetribe.com/docs/ftw-security/how-to-set-up-csp-for-ftw/"
-  );
-}
-
-// Export the function for server side rendering.
-export default renderApp;
-
-// exporting matchPathname and configureStore for server side rendering.
-// matchPathname helps to figure out which route is called and if it has preloading needs
-// configureStore is used for creating initial store state for Redux after preloading
-export { matchPathname, configureStore, routeConfiguration, config };
diff --git a/src/routeConfiguration.js b/src/routeConfiguration.js
index 15addf52eb..ebeb54b7eb 100644
--- a/src/routeConfiguration.js
+++ b/src/routeConfiguration.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import loadable from '@loadable/component'
 import {
   AboutPage,
   AuthenticationPage,
@@ -7,7 +8,7 @@ import {
   EditListingPage,
   EmailVerificationPage,
   InboxPage,
-  LandingPage,
+  //LandingPage,
   ListingPage,
   ManageListingsPage,
   NotFoundPage,
@@ -20,11 +21,13 @@ import {
   ProfilePage,
   ProfileSettingsPage,
   SearchPage,
-  StyleguidePage,
   TermsOfServicePage,
   TransactionPage,
 } from './containers';
 
+const LandingPage = loadable(() => import(/* webpackChunkName: "LandingPage" */ './containers/LandingPage/LandingPage'));
+const StyleguidePage = loadable(() => import(/* webpackChunkName: "StyleguidePage" */ './containers/StyleguidePage/StyleguidePage'));
+
 // routeConfiguration needs to initialize containers first
 // Otherwise, components will import form container eventually and
 // at that point css bundling / imports will happen in wrong order.
diff --git a/yarn.lock b/yarn.lock
index d826caab6d..d75dc26e0a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -510,7 +510,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-syntax-dynamic-import@^7.8.0":
+"@babel/plugin-syntax-dynamic-import@^7.7.4", "@babel/plugin-syntax-dynamic-import@^7.8.0":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
   integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
@@ -1080,6 +1080,13 @@
   dependencies:
     regenerator-runtime "^0.13.2"
 
+"@babel/runtime@^7.7.7":
+  version "7.12.5"
+  resolved "http://localhost:4873/@babel%2fruntime/-/runtime-7.12.5.tgz#410e7e487441e1b360c29be715d870d9b985882e"
+  integrity sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/runtime@^7.9.2":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.9.6.tgz#a9102eb5cadedf3f31d08a9ecf294af7827ea29f"
@@ -1437,6 +1444,36 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
+"@loadable/babel-plugin@^5.13.2":
+  version "5.13.2"
+  resolved "http://localhost:4873/@loadable%2fbabel-plugin/-/babel-plugin-5.13.2.tgz#373cddc64ee5437814f7dca1c1b6a7b2c1665a9f"
+  integrity sha512-vSZUVeTH1S1sDbk8Tzft0plZSkN7W4zmVR5w/Bmy4UmvBiu9lin7ztrDpoUTUzxpoups+OJbTc/OosvN0aMXWg==
+  dependencies:
+    "@babel/plugin-syntax-dynamic-import" "^7.7.4"
+
+"@loadable/component@^5.14.1":
+  version "5.14.1"
+  resolved "http://localhost:4873/@loadable%2fcomponent/-/component-5.14.1.tgz#cacd807162430bb85ae085945318027a600adc85"
+  integrity sha512-UQBZfZrp1FLTf8RNhljXNHFNY4QhAA1L2+GOEeABBFre9TD0aFyQh3Sai5QxcOfy+FTbjIfti5iHaNRR7yUzEQ==
+  dependencies:
+    "@babel/runtime" "^7.7.7"
+    hoist-non-react-statics "^3.3.1"
+    react-is "^16.12.0"
+
+"@loadable/server@^5.14.0":
+  version "5.14.0"
+  resolved "http://localhost:4873/@loadable%2fserver/-/server-5.14.0.tgz#8aa83166aaad7401a14d8a1b04a7e1cc169ca6c4"
+  integrity sha512-oiZiHzUdkOsDzZNXU6fsZ7U0W3+nWZRljVCFCeR8CZSXEKUfXAllUf8tx5G385q7vapAQpXM7U8EzgDns3Q4vQ==
+  dependencies:
+    lodash "^4.17.15"
+
+"@loadable/webpack-plugin@^5.14.0":
+  version "5.14.0"
+  resolved "http://localhost:4873/@loadable%2fwebpack-plugin/-/webpack-plugin-5.14.0.tgz#656cb298c4b30d3b93cfe6ebf227d9709685f357"
+  integrity sha512-md9Nm6o+OjWJH6RgHcYsbko36YDKG2zuM19rFYkQsktdfq+JnbwOCp3hVhZM7L8V1M4MP3uJfmxKh6QGOnk4+w==
+  dependencies:
+    make-dir "^3.0.2"
+
 "@mapbox/polyline@^1.1.1":
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/@mapbox/polyline/-/polyline-1.1.1.tgz#ab96e5e6936f4847a4894e14558daf43e40e3bd2"
@@ -6276,6 +6313,13 @@ hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.2.1, hoist-non-react-
   dependencies:
     react-is "^16.7.0"
 
+hoist-non-react-statics@^3.3.1:
+  version "3.3.2"
+  resolved "http://localhost:4873/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 hoopy@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
@@ -6621,9 +6665,9 @@ inherits@2.0.3:
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
 ini@^1.3.5, ini@~1.3.0:
-  version "1.3.7"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.7.tgz#a09363e1911972ea16d7a8851005d84cf09a9a84"
-  integrity sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
+  integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
 
 inquirer@7.3.3, inquirer@^7.3.3:
   version "7.3.3"
@@ -9330,21 +9374,21 @@ passport-facebook@^3.0.0:
 
 passport-google-oauth1@1.x.x:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/passport-google-oauth1/-/passport-google-oauth1-1.0.0.tgz#af74a803df51ec646f66a44d82282be6f108e0cc"
+  resolved "http://localhost:4873/passport-google-oauth1/-/passport-google-oauth1-1.0.0.tgz#af74a803df51ec646f66a44d82282be6f108e0cc"
   integrity sha1-r3SoA99R7GRvZqRNgigr5vEI4Mw=
   dependencies:
     passport-oauth1 "1.x.x"
 
 passport-google-oauth20@2.x.x:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/passport-google-oauth20/-/passport-google-oauth20-2.0.0.tgz#0d241b2d21ebd3dc7f2b60669ec4d587e3a674ef"
+  resolved "http://localhost:4873/passport-google-oauth20/-/passport-google-oauth20-2.0.0.tgz#0d241b2d21ebd3dc7f2b60669ec4d587e3a674ef"
   integrity sha512-KSk6IJ15RoxuGq7D1UKK/8qKhNfzbLeLrG3gkLZ7p4A6DBCcv7xpyQwuXtWdpyR0+E0mwkpjY1VfPOhxQrKzdQ==
   dependencies:
     passport-oauth2 "1.x.x"
 
 passport-google-oauth@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/passport-google-oauth/-/passport-google-oauth-2.0.0.tgz#f6eb4bc96dd6c16ec0ecfdf4e05ec48ca54d4dae"
+  resolved "http://localhost:4873/passport-google-oauth/-/passport-google-oauth-2.0.0.tgz#f6eb4bc96dd6c16ec0ecfdf4e05ec48ca54d4dae"
   integrity sha512-JKxZpBx6wBQXX1/a1s7VmdBgwOugohH+IxCy84aPTZNq/iIPX6u7Mqov1zY7MKRz3niFPol0KJz8zPLBoHKtYA==
   dependencies:
     passport-google-oauth1 "1.x.x"
@@ -9352,7 +9396,7 @@ passport-google-oauth@^2.0.0:
 
 passport-oauth1@1.x.x:
   version "1.1.0"
-  resolved "https://registry.yarnpkg.com/passport-oauth1/-/passport-oauth1-1.1.0.tgz#a7de988a211f9cf4687377130ea74df32730c918"
+  resolved "http://localhost:4873/passport-oauth1/-/passport-oauth1-1.1.0.tgz#a7de988a211f9cf4687377130ea74df32730c918"
   integrity sha1-p96YiiEfnPRoc3cTDqdN8ycwyRg=
   dependencies:
     oauth "0.9.x"
@@ -11667,12 +11711,15 @@ sharetribe-flex-sdk@1.13.0:
     lodash "^4.17.10"
     transit-js "^0.8.861"
 
-sharetribe-scripts@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/sharetribe-scripts/-/sharetribe-scripts-4.0.0.tgz#7f1806fcea2753b95a87cc080d6a06b755291b6c"
-  integrity sha512-Rs4g6bUfU0adR/fuo+deZMcxukR6OZ5XS5C5/qjDIfsdK0U4T/l72ZqCKxMtI8PBJPBWdpfpAxI9t0VacZHlpg==
+sharetribe-scripts@4.0.0-alpha21:
+  version "4.0.0-alpha21"
+  resolved "http://localhost:4873/sharetribe-scripts/-/sharetribe-scripts-4.0.0-alpha21.tgz#ca37eeab8643377bed4d4d36e1289b582871c8b5"
+  integrity sha512-NTiZTilQ9RFmF3yHYQv675EMZtSQFcaJZeDFExDQpIfF76OsdSucW405n58jX7/vv2wd0m8Ue0oKdJ1ZzhP3fg==
   dependencies:
     "@babel/core" "7.12.3"
+    "@loadable/babel-plugin" "^5.13.2"
+    "@loadable/component" "^5.14.1"
+    "@loadable/webpack-plugin" "^5.14.0"
     "@pmmmwh/react-refresh-webpack-plugin" "0.4.2"
     "@svgr/webpack" "5.4.0"
     "@typescript-eslint/eslint-plugin" "^4.5.0"
@@ -11730,6 +11777,7 @@ sharetribe-scripts@4.0.0:
     webpack "4.44.2"
     webpack-dev-server "3.11.0"
     webpack-manifest-plugin "2.2.0"
+    webpack-node-externals "^1.7.2"
     workbox-webpack-plugin "5.1.4"
   optionalDependencies:
     fsevents "^2.1.3"
@@ -13271,6 +13319,11 @@ webpack-manifest-plugin@2.2.0:
     object.entries "^1.1.0"
     tapable "^1.0.0"
 
+webpack-node-externals@^1.7.2:
+  version "1.7.2"
+  resolved "http://localhost:4873/webpack-node-externals/-/webpack-node-externals-1.7.2.tgz#6e1ee79ac67c070402ba700ef033a9b8d52ac4e3"
+  integrity sha512-ajerHZ+BJKeCLviLUUmnyd5B4RavLF76uv3cs6KNuO8W+HuQaEs0y0L7o40NQxdPy5w0pcv8Ew7yPUAQG0UdCg==
+
 webpack-sources@^1.1.0, webpack-sources@^1.3.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"