diff --git a/.env.defaults b/.env.defaults
index 9c1b0c5f2..3313c129f 100644
--- a/.env.defaults
+++ b/.env.defaults
@@ -132,3 +132,4 @@ FIREBASE_VAPID_KEY=BFayEBpwMTU9GQQpXgitIJkfx-SD8-ltrFb3wLTZWgA27MfBhG4948pe0eERl
 
 # Development
 REPORT_NEW_STRINGS=false
+USE_LOCAL_HOMEPAGE_DATA=false
diff --git a/ui/constants/action_types.js b/ui/constants/action_types.js
index ce7e78f79..994fcc0cc 100644
--- a/ui/constants/action_types.js
+++ b/ui/constants/action_types.js
@@ -311,6 +311,8 @@ export const FETCH_REWARD_CONTENT_COMPLETED = 'FETCH_REWARD_CONTENT_COMPLETED';
 // Language
 export const DOWNLOAD_LANGUAGE_SUCCESS = 'DOWNLOAD_LANGUAGE_SUCCESS';
 export const DOWNLOAD_LANGUAGE_FAILURE = 'DOWNLOAD_LANGUAGE_FAILURE';
+export const FETCH_HOMEPAGES_DONE = 'FETCH_HOMEPAGES_DONE';
+export const FETCH_HOMEPAGES_FAILED = 'FETCH_HOMEPAGES_FAILED';
 
 // Subscriptions
 export const CHANNEL_SUBSCRIBE = 'CHANNEL_SUBSCRIBE';
diff --git a/ui/index.jsx b/ui/index.jsx
index 72244ba9c..13ccc2942 100644
--- a/ui/index.jsx
+++ b/ui/index.jsx
@@ -17,7 +17,7 @@ import { doDaemonReady, doAutoUpdate, doOpenModal, doHideModal, doToggle3PAnalyt
 import Lbry, { apiCall } from 'lbry';
 import { isURIValid } from 'util/lbryURI';
 import { setSearchApi } from 'redux/actions/search';
-import { doSetLanguage, doFetchLanguage, doUpdateIsNightAsync } from 'redux/actions/settings';
+import { doSetLanguage, doFetchLanguage, doUpdateIsNightAsync, doFetchHomepages } from 'redux/actions/settings';
 import { Lbryio, doBlackListedOutpointsSubscribe, doFilteredOutpointsSubscribe } from 'lbryinc';
 import rewards from 'rewards';
 import { store, persistor, history } from 'store';
@@ -242,6 +242,7 @@ function AppWrapper() {
         if (DEFAULT_LANGUAGE) {
           app.store.dispatch(doFetchLanguage(DEFAULT_LANGUAGE));
         }
+        app.store.dispatch(doFetchHomepages());
         app.store.dispatch(doUpdateIsNightAsync());
         app.store.dispatch(doBlackListedOutpointsSubscribe());
         app.store.dispatch(doFilteredOutpointsSubscribe());
diff --git a/ui/redux/actions/settings.js b/ui/redux/actions/settings.js
index ddbbec8e6..bc5e01388 100644
--- a/ui/redux/actions/settings.js
+++ b/ui/redux/actions/settings.js
@@ -307,6 +307,34 @@ export function doFetchLanguage(language) {
   };
 }
 
+export function doFetchHomepages() {
+  return (dispatch) => {
+    // -- Use this env flag to use local homepage data. Otherwise, it will grab from odysee.com.
+    // @if USE_LOCAL_HOMEPAGE_DATA='true'
+    const homepages = require('homepages');
+    if (homepages) {
+      console.log('doing homepages');
+      window.homepages = homepages;
+      return;
+    }
+    // @endif
+
+    fetch('https://odysee.com/$/api/content/v1/get')
+      .then((response) => response.json())
+      .then((json) => {
+        if (json?.status === 'success' && json?.data) {
+          window.homepages = json.data;
+          dispatch({ type: ACTIONS.FETCH_HOMEPAGES_DONE });
+        } else {
+          dispatch({ type: ACTIONS.FETCH_HOMEPAGES_FAILED });
+        }
+      })
+      .catch(() => {
+        dispatch({ type: ACTIONS.FETCH_HOMEPAGES_FAILED });
+      });
+  };
+}
+
 export function doSetHomepage(code) {
   return (dispatch, getState) => {
     let languageCode;
diff --git a/ui/redux/selectors/settings.js b/ui/redux/selectors/settings.js
index 960c00d8b..d81089d53 100644
--- a/ui/redux/selectors/settings.js
+++ b/ui/redux/selectors/settings.js
@@ -5,7 +5,6 @@ import SUPPORTED_BROWSER_LANGUAGES from 'constants/supported_browser_languages';
 import { createSelector } from 'reselect';
 import { ENABLE_MATURE } from 'config';
 import { getDefaultHomepageKey, getDefaultLanguage } from 'util/default-languages';
-const homepages = require('homepages');
 
 const selectState = (state) => state.settings || {};
 
@@ -55,6 +54,7 @@ export const selectThemePath = createSelector(
 
 export const selectHomepageCode = (state) => {
   const hp = selectClientSetting(state, SETTINGS.HOMEPAGE);
+  const homepages = window.homepages || {};
   return homepages[hp] ? hp : getDefaultHomepageKey();
 };
 
@@ -63,15 +63,11 @@ export const selectLanguage = (state) => {
   return lang || getDefaultLanguage();
 };
 
-export const selectHomepageData = createSelector(
-  // using homepage setting,
-  selectHomepageCode,
-  (homepageCode) => {
-    // homepages = { 'en': homepageFile, ... }
-    // mixin Homepages here
-    return homepages[homepageCode] || homepages['en'] || {};
-  }
-);
+export const selectHomepageData = (state) => {
+  const homepageCode = selectHomepageCode(state);
+  const homepages = window.homepages;
+  return homepages ? homepages[homepageCode] || homepages['en'] || {} : {};
+};
 
 export const selectInRegionByCode = (state, code) => {
   const hp = selectClientSetting(state, SETTINGS.HOMEPAGE);
@@ -81,9 +77,7 @@ export const selectInRegionByCode = (state, code) => {
 };
 
 export const selectWildWestDisabled = (state) => {
-  const deRegion = selectInRegionByCode(state, SUPPORTED_BROWSER_LANGUAGES.de);
-
-  return deRegion;
+  return selectInRegionByCode(state, SUPPORTED_BROWSER_LANGUAGES.de);
 };
 
 export const selectosNotificationsEnabled = (state) => selectClientSetting(state, SETTINGS.OS_NOTIFICATIONS_ENABLED);
diff --git a/web/middleware/iframe-destroyer.js b/web/middleware/iframe-destroyer.js
index 13d6a7b2c..bb8bdb36c 100644
--- a/web/middleware/iframe-destroyer.js
+++ b/web/middleware/iframe-destroyer.js
@@ -6,7 +6,7 @@ async function iframeDestroyerMiddleware(ctx, next) {
   } = ctx;
   const decodedPath = decodeURIComponent(path);
 
-  if (!decodedPath.startsWith(`/$/${PAGES.EMBED}`)) {
+  if (!decodedPath.startsWith(`/$/${PAGES.EMBED}`) || !decodedPath.startsWith(`/$/api/content/v1/get`)) {
     ctx.set('X-Frame-Options', 'DENY');
   }