diff --git a/apps/deploy-web/package.json b/apps/deploy-web/package.json
index b48218273..c48a2f906 100644
--- a/apps/deploy-web/package.json
+++ b/apps/deploy-web/package.json
@@ -19,6 +19,7 @@
     "@akashnetwork/akashjs": "^0.10.0",
     "@akashnetwork/env-loader": "*",
     "@akashnetwork/http-sdk": "*",
+    "@akashnetwork/network-store": "*",
     "@akashnetwork/ui": "*",
     "@auth0/nextjs-auth0": "^3.5.0",
     "@chain-registry/types": "^0.41.3",
diff --git a/apps/deploy-web/src/components/layout/NodeStatusBar.tsx b/apps/deploy-web/src/components/layout/NodeStatusBar.tsx
index df8f7e37a..78b0826d9 100644
--- a/apps/deploy-web/src/components/layout/NodeStatusBar.tsx
+++ b/apps/deploy-web/src/components/layout/NodeStatusBar.tsx
@@ -2,10 +2,10 @@
 import { Button } from "@akashnetwork/ui/components";
 import { useRouter } from "next/navigation";
 
+import { useSettings } from "@src/context/SettingsProvider";
 import { getSplitText } from "@src/hooks/useShortText";
 import networkStore from "@src/store/networkStore";
 import { UrlService } from "@src/utils/urlUtils";
-import { useSettings } from "../../context/SettingsProvider";
 import { LinearLoadingSkeleton } from "../shared/LinearLoadingSkeleton";
 import { NodeStatus } from "../shared/NodeStatus";
 
diff --git a/apps/deploy-web/src/components/new-deployment/BidGroup.tsx b/apps/deploy-web/src/components/new-deployment/BidGroup.tsx
index 69fa67812..cbebcac94 100644
--- a/apps/deploy-web/src/components/new-deployment/BidGroup.tsx
+++ b/apps/deploy-web/src/components/new-deployment/BidGroup.tsx
@@ -1,9 +1,9 @@
 "use client";
 import { useEffect, useState } from "react";
+import { MAINNET_ID } from "@akashnetwork/network-store";
 import { Alert, Table, TableBody, TableCell, TableHeader, TableRow } from "@akashnetwork/ui/components";
 import { Check } from "iconoir-react";
 
-import { MAINNET_ID } from "@src/config/network.config";
 import networkStore from "@src/store/networkStore";
 import { BidDto, DeploymentDto } from "@src/types/deployment";
 import { ApiProviderList } from "@src/types/provider";
@@ -46,7 +46,7 @@ export const BidGroup: React.FunctionComponent<Props> = ({
 }) => {
   const [resources, setResources] = useState<{ cpuAmount: number; gpuAmount: number; memoryAmount: number; storageAmount: number } | null>(null);
   const fBids = bids.filter(bid => filteredBids.includes(bid.id));
-  const { id: selectedNetworkId } = networkStore.useSelectedNetwork();
+  const selectedNetworkId = networkStore.useSelectedNetworkId();
 
   useEffect(() => {
     const currentGroup = deploymentDetail?.groups.find(g => g.group_id.gseq === gseq);
diff --git a/apps/deploy-web/src/components/settings/SelectNetworkModal.tsx b/apps/deploy-web/src/components/settings/SelectNetworkModal.tsx
index 7597a4ae6..e99349981 100644
--- a/apps/deploy-web/src/components/settings/SelectNetworkModal.tsx
+++ b/apps/deploy-web/src/components/settings/SelectNetworkModal.tsx
@@ -1,14 +1,13 @@
 "use client";
 import { useState } from "react";
+import { MAINNET_ID } from "@akashnetwork/network-store";
 import { Alert, AlertDescription, AlertTitle, Badge, buttonVariants, Popup, RadioGroup, RadioGroupItem } from "@akashnetwork/ui/components";
-import { useAtom } from "jotai/index";
 
-import { MAINNET_ID } from "@src/config/network.config";
-import networkStore, { networks } from "@src/store/networkStore";
+import networkStore from "@src/store/networkStore";
 import { cn } from "@src/utils/styleUtils";
 
 export const SelectNetworkModal = ({ onClose }) => {
-  const [selectedNetworkId, setSelectedNetworkId] = useAtom(networkStore.selectedNetworkId);
+  const [selectedNetworkId, setSelectedNetworkId] = networkStore.useSelectedNetworkIdStore({ reloadOnChange: true });
   const [formSelectedNetworkId, setFormSelectedNetworkId] = useState(selectedNetworkId);
 
   const save = () => {
@@ -45,7 +44,7 @@ export const SelectNetworkModal = ({ onClose }) => {
     >
       <RadioGroup>
         <ul>
-          {networks.map(network => {
+          {networkStore.networks.map(network => {
             return (
               <li
                 key={network.id}
diff --git a/apps/deploy-web/src/components/settings/SettingsContainer.tsx b/apps/deploy-web/src/components/settings/SettingsContainer.tsx
index 76a35278d..560cdc990 100644
--- a/apps/deploy-web/src/components/settings/SettingsContainer.tsx
+++ b/apps/deploy-web/src/components/settings/SettingsContainer.tsx
@@ -42,7 +42,7 @@ export const SettingsContainer: React.FunctionComponent = () => {
             <LabelValue
               value={
                 <div className="inline-flex items-center">
-                  <strong>{selectedNetwork?.title}</strong>
+                  <strong>{selectedNetwork.title}</strong>
 
                   <Button onClick={() => setIsSelectingNetwork(true)} size="icon" className="ml-4" variant="outline">
                     <Edit className="text-sm" />
diff --git a/apps/deploy-web/src/config/denom.config.ts b/apps/deploy-web/src/config/denom.config.ts
index 6df1052ce..853d7a151 100644
--- a/apps/deploy-web/src/config/denom.config.ts
+++ b/apps/deploy-web/src/config/denom.config.ts
@@ -1,6 +1,5 @@
 import type { MainnetNetworkId, SandboxNetworkId } from "@akashnetwork/akashjs/build/types/network";
-
-import { MAINNET_ID, SANDBOX_ID } from "@src/config/network.config";
+import { MAINNET_ID, SANDBOX_ID } from "@akashnetwork/network-store";
 
 export const UAKT_DENOM = "uakt";
 export const USDC_IBC_DENOMS: Record<MainnetNetworkId | SandboxNetworkId, string> = {
diff --git a/apps/deploy-web/src/context/SettingsProvider/SettingsProviderContext.tsx b/apps/deploy-web/src/context/SettingsProvider/SettingsProviderContext.tsx
index ebf8baca0..9dcbc0719 100644
--- a/apps/deploy-web/src/context/SettingsProvider/SettingsProviderContext.tsx
+++ b/apps/deploy-web/src/context/SettingsProvider/SettingsProviderContext.tsx
@@ -5,9 +5,9 @@ import axios from "axios";
 import { useLocalStorage } from "@src/hooks/useLocalStorage";
 import { usePreviousRoute } from "@src/hooks/usePreviousRoute";
 import { queryClient } from "@src/queries";
-import networkStore, { initiateNetworkVersions } from "@src/store/networkStore";
+import networkStore from "@src/store/networkStore";
 import type { FCWithChildren } from "@src/types/component";
-import { NodeStatus } from "@src/types/node";
+import type { NodeStatus } from "@src/types/node";
 import { initAppTypes } from "@src/utils/init";
 import { migrateLocalStorage } from "@src/utils/localStorage";
 
@@ -57,16 +57,19 @@ export const SettingsProvider: FCWithChildren = ({ children }) => {
   const { getLocalStorageItem, setLocalStorageItem } = useLocalStorage();
   const { isCustomNode, customNode, nodes, apiEndpoint, rpcEndpoint } = settings;
   const selectedNetwork = networkStore.useSelectedNetwork();
+  const [{ isLoading: isLoadingNetworks }] = networkStore.useNetworksStore();
 
   usePreviousRoute();
 
   // load settings from localStorage or set default values
   useEffect(() => {
+    if (isLoadingNetworks) {
+      return;
+    }
+
     const initiateSettings = async () => {
       setIsLoadingSettings(true);
 
-      await initiateNetworkVersions();
-
       // Apply local storage migrations
       migrateLocalStorage();
 
@@ -139,7 +142,7 @@ export const SettingsProvider: FCWithChildren = ({ children }) => {
 
     initiateSettings();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [isLoadingNetworks]);
 
   /**
    * Load the node status from status rpc endpoint
diff --git a/apps/deploy-web/src/context/WalletProvider/WalletProvider.tsx b/apps/deploy-web/src/context/WalletProvider/WalletProvider.tsx
index 59f9b676e..b1e4665b6 100644
--- a/apps/deploy-web/src/context/WalletProvider/WalletProvider.tsx
+++ b/apps/deploy-web/src/context/WalletProvider/WalletProvider.tsx
@@ -327,8 +327,8 @@ export function useWallet() {
 }
 
 const TransactionSnackbarContent = ({ snackMessage, transactionHash }) => {
-  const selectedNetwork = networkStore.useSelectedNetwork();
-  const txUrl = transactionHash && `${browserEnvConfig.NEXT_PUBLIC_STATS_APP_URL}/transactions/${transactionHash}?network=${selectedNetwork.id}`;
+  const selectedNetworkId = networkStore.useSelectedNetworkId();
+  const txUrl = transactionHash && `${browserEnvConfig.NEXT_PUBLIC_STATS_APP_URL}/transactions/${transactionHash}?network=${selectedNetworkId}`;
 
   return (
     <>
diff --git a/apps/deploy-web/src/hooks/useDenom.ts b/apps/deploy-web/src/hooks/useDenom.ts
index ff20c1353..fd507a2d0 100644
--- a/apps/deploy-web/src/hooks/useDenom.ts
+++ b/apps/deploy-web/src/hooks/useDenom.ts
@@ -2,13 +2,11 @@ import { USDC_IBC_DENOMS } from "@src/config/denom.config";
 import networkStore from "@src/store/networkStore";
 
 export const useUsdcDenom = () => {
-  const selectedNetwork = networkStore.useSelectedNetwork();
-  return USDC_IBC_DENOMS[selectedNetwork.id];
+  return USDC_IBC_DENOMS[networkStore.selectedNetworkId];
 };
 
 export const getUsdcDenom = () => {
-  const selectedNetwork = networkStore.getSelectedNetwork();
-  return USDC_IBC_DENOMS[selectedNetwork.id];
+  return USDC_IBC_DENOMS[networkStore.selectedNetworkId];
 };
 
 export const useSdlDenoms = () => {
diff --git a/apps/deploy-web/src/hooks/useLocalStorage.ts b/apps/deploy-web/src/hooks/useLocalStorage.ts
index 25205d560..d8c9198e7 100644
--- a/apps/deploy-web/src/hooks/useLocalStorage.ts
+++ b/apps/deploy-web/src/hooks/useLocalStorage.ts
@@ -1,23 +1,20 @@
-import { useEffect, useState } from "react";
-import { useEventListener } from "usehooks-ts";
-
 import { useWallet } from "@src/context/WalletProvider";
 import networkStore from "@src/store/networkStore";
 
 export const useLocalStorage = () => {
   const { address } = useWallet();
-  const selectedNetwork = networkStore.useSelectedNetwork();
+  const selectedNetworkId = networkStore.useSelectedNetworkId();
 
   const getLocalStorageItem = (key: string) => {
-    return localStorage.getItem(`${selectedNetwork.id}${address ? "/" + address : ""}/${key}`);
+    return localStorage.getItem(`${selectedNetworkId}${address ? "/" + address : ""}/${key}`);
   };
 
   const setLocalStorageItem = (key: string, value: string) => {
-    localStorage.setItem(`${selectedNetwork.id}${address ? "/" + address : ""}/${key}`, value);
+    localStorage.setItem(`${selectedNetworkId}${address ? "/" + address : ""}/${key}`, value);
   };
 
   const removeLocalStorageItem = (key: string) => {
-    localStorage.removeItem(`${selectedNetwork.id}${address ? "/" + address : ""}/${key}`);
+    localStorage.removeItem(`${selectedNetworkId}${address ? "/" + address : ""}/${key}`);
   };
 
   return {
@@ -26,78 +23,3 @@ export const useLocalStorage = () => {
     getLocalStorageItem
   };
 };
-
-export function useCustomLocalStorage<T>(key: string, initialValue: T) {
-  // Get from local storage then
-  // parse stored json or return initialValue
-  const readValue = () => {
-    // Prevent build error "window is undefined" but keep keep working
-    if (typeof window === "undefined") {
-      return initialValue;
-    }
-
-    try {
-      const item = window.localStorage.getItem(key);
-      return item ? (parseJSON(item) as T) : initialValue;
-    } catch (error) {
-      console.warn(`Error reading localStorage key “${key}”:`, error);
-      return initialValue;
-    }
-  };
-
-  // State to store our value
-  // Pass initial state function to useState so logic is only executed once
-  const [storedValue, setStoredValue] = useState<T>(readValue);
-
-  // Return a wrapped version of useState's setter function that ...
-  // ... persists the new value to localStorage.
-  const setValue = (value: T | ((newValue: T) => T)) => {
-    // Prevent build error "window is undefined" but keeps working
-    if (typeof window == "undefined") {
-      console.warn(`Tried setting localStorage key “${key}” even though environment is not a client`);
-    }
-
-    try {
-      // Allow value to be a function so we have the same API as useState
-      const newValue = value instanceof Function ? value(storedValue) : value;
-
-      // Save to local storage
-      window.localStorage.setItem(key, JSON.stringify(newValue));
-
-      // Save state
-      setStoredValue(newValue);
-
-      // We dispatch a custom event so every useLocalStorage hook are notified
-      window.dispatchEvent(new Event("local-storage"));
-    } catch (error) {
-      console.warn(`Error setting localStorage key “${key}”:`, error);
-    }
-  };
-
-  useEffect(() => {
-    setStoredValue(readValue());
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const handleStorageChange = () => {
-    setStoredValue(readValue());
-  };
-
-  // this only works for other documents, not the current one
-  useEventListener("storage", handleStorageChange);
-
-  // this is a custom event, triggered in writeValueToLocalStorage
-  // See: useLocalStorage()
-  useEventListener("local-storage", handleStorageChange);
-
-  return [storedValue, setValue];
-}
-
-// A wrapper for "JSON.parse()"" to support "undefined" value
-function parseJSON(value: string) {
-  try {
-    return value === "undefined" ? undefined : JSON.parse(value ?? "");
-  } catch (error) {
-    return value === "undefined" ? undefined : value;
-  }
-}
diff --git a/apps/deploy-web/src/hooks/useManagedWallet.ts b/apps/deploy-web/src/hooks/useManagedWallet.ts
index bd129b7ed..f9d0c8b07 100644
--- a/apps/deploy-web/src/hooks/useManagedWallet.ts
+++ b/apps/deploy-web/src/hooks/useManagedWallet.ts
@@ -1,5 +1,4 @@
 import { useEffect, useMemo } from "react";
-import { useAtom } from "jotai/index";
 
 import { browserEnvConfig } from "@src/config/browser-env.config";
 import { useUser } from "@src/hooks/useUser";
@@ -17,7 +16,7 @@ export const useManagedWallet = () => {
   const { mutate: create, data: created, isLoading: isCreating, isSuccess: isCreated } = useCreateManagedWalletMutation();
   const wallet = useMemo(() => queried || created, [queried, created]);
   const isLoading = isFetching || isCreating;
-  const [selectedNetworkId, setSelectedNetworkId] = useAtom(networkStore.selectedNetworkId);
+  const [selectedNetworkId, setSelectedNetworkId] = networkStore.useSelectedNetworkIdStore({ reloadOnChange: true });
 
   useEffect(() => {
     if (!isBillingEnabled) {
diff --git a/apps/deploy-web/src/services/api-url/api-url.service.ts b/apps/deploy-web/src/services/api-url/api-url.service.ts
index ba21904c9..de0f66545 100644
--- a/apps/deploy-web/src/services/api-url/api-url.service.ts
+++ b/apps/deploy-web/src/services/api-url/api-url.service.ts
@@ -1,7 +1,7 @@
 import type { NetworkId } from "@akashnetwork/akashjs/build/types/network";
+import { SANDBOX_ID, TESTNET_ID } from "@akashnetwork/network-store";
 
 import type { BrowserEnvConfig, ServerEnvConfig } from "@src/config/env-config.schema";
-import { SANDBOX_ID, TESTNET_ID } from "@src/config/network.config";
 
 export class ApiUrlService {
   constructor(
diff --git a/apps/deploy-web/src/store/networkStore.ts b/apps/deploy-web/src/store/networkStore.ts
index 8e8958b8e..891d4d554 100644
--- a/apps/deploy-web/src/store/networkStore.ts
+++ b/apps/deploy-web/src/store/networkStore.ts
@@ -1,79 +1,10 @@
-import axios from "axios";
-import { atom } from "jotai";
-import { useAtom } from "jotai/index";
-import { atomWithStorage } from "jotai/utils";
-import cloneDeep from "lodash/cloneDeep";
+import { NetworkStore } from "@akashnetwork/network-store";
 
 import { browserEnvConfig } from "@src/config/browser-env.config";
-import { INITIAL_NETWORKS_CONFIG } from "@src/config/network.config";
 import { store } from "@src/store/global-store";
-import type { Network } from "@src/types/network";
 
-export const networks: Network[] = cloneDeep(INITIAL_NETWORKS_CONFIG);
-
-export const initiateNetworkVersions = async () => {
-  await Promise.all(
-    networks.map(async network => {
-      try {
-        const response = await axios.get<string>(network.versionUrl, { timeout: 10000 });
-        network.version = response.data;
-        return;
-      } catch (error) {
-        console.error(error);
-      }
-    })
-  );
-};
-
-const selectedNetworkId = atomWithStorage<Network["id"]>(
-  "selectedNetworkId",
-  browserEnvConfig.NEXT_PUBLIC_DEFAULT_NETWORK_ID,
-  // TODO: remove this once we have all clients using this store instead of the localstorage
-  //   Issue: https://github.com/akash-network/console/issues/297
-  typeof window !== "undefined"
-    ? {
-        setItem: (key, value) => {
-          localStorage.setItem(key, value);
-          location.reload();
-        },
-        getItem: key => {
-          const stored = localStorage.getItem(key) as Network["id"] | null;
-
-          if (!stored) {
-            localStorage.setItem(key, browserEnvConfig.NEXT_PUBLIC_DEFAULT_NETWORK_ID);
-            return browserEnvConfig.NEXT_PUBLIC_DEFAULT_NETWORK_ID;
-          }
-
-          return stored;
-        },
-        removeItem: key => {
-          localStorage.removeItem(key);
-          location.reload();
-        }
-      }
-    : undefined,
-  { getOnInit: true }
-);
-const selectedNetwork = atom<Network, [Network], void>(
-  get => {
-    const networkId = get(selectedNetworkId);
-    return networks.find(n => n.id === networkId) ?? networks[0];
-  },
-  (get, set, next) => {
-    set(selectedNetworkId, next.id);
-  }
-);
-
-export default {
-  selectedNetworkId,
-  selectedNetwork,
-  getSelectedNetwork: () => store.get(selectedNetwork),
-  getSelectedNetworkId: () => store.get(selectedNetwork).id,
-  useSelectedNetwork: () => useAtom(selectedNetwork)[0],
-  get apiVersion() {
-    return store.get(selectedNetwork).apiVersion;
-  },
-  get marketApiVersion() {
-    return store.get(selectedNetwork).marketApiVersion;
-  }
-};
+export default NetworkStore.create({
+  defaultNetworkId: browserEnvConfig.NEXT_PUBLIC_DEFAULT_NETWORK_ID,
+  apiBaseUrl: browserEnvConfig.NEXT_PUBLIC_API_BASE_URL,
+  store
+});
diff --git a/apps/deploy-web/src/utils/apiUtils.ts b/apps/deploy-web/src/utils/apiUtils.ts
index 8e81c56d8..5dd81ab58 100644
--- a/apps/deploy-web/src/utils/apiUtils.ts
+++ b/apps/deploy-web/src/utils/apiUtils.ts
@@ -121,7 +121,7 @@ export class ApiUrlService {
   }
 
   static get baseApiUrl() {
-    return browserApiUrlService.getBaseApiUrlFor(networkStore.getSelectedNetworkId());
+    return browserApiUrlService.getBaseApiUrlFor(networkStore.selectedNetworkId);
   }
 }
 
diff --git a/apps/deploy-web/src/utils/deploymentData/index.ts b/apps/deploy-web/src/utils/deploymentData/index.ts
index 53bfaeb05..e165af408 100644
--- a/apps/deploy-web/src/utils/deploymentData/index.ts
+++ b/apps/deploy-web/src/utils/deploymentData/index.ts
@@ -1,6 +1,6 @@
 import { NetworkId } from "@akashnetwork/akashjs/build/types/network";
+import { MAINNET_ID, SANDBOX_ID, TESTNET_ID } from "@akashnetwork/network-store";
 
-import { MAINNET_ID, SANDBOX_ID, TESTNET_ID } from "@src/config/network.config";
 import networkStore from "@src/store/networkStore";
 import * as v1beta3 from "./v1beta3";
 export * from "./helpers";
@@ -11,6 +11,4 @@ const NETWORK_SDL: Record<NetworkId, typeof v1beta3> = {
   [SANDBOX_ID]: v1beta3
 };
 
-export const selectedNetwork = networkStore.getSelectedNetwork();
-export const selectedNetworkId = selectedNetwork.id;
-export const deploymentData = NETWORK_SDL[selectedNetworkId];
+export const deploymentData = NETWORK_SDL[networkStore.selectedNetworkId];
diff --git a/apps/deploy-web/src/utils/deploymentData/v1beta2.ts b/apps/deploy-web/src/utils/deploymentData/v1beta2.ts
index 2616f3931..7af0c49f3 100644
--- a/apps/deploy-web/src/utils/deploymentData/v1beta2.ts
+++ b/apps/deploy-web/src/utils/deploymentData/v1beta2.ts
@@ -159,13 +159,11 @@ function validate(yamlStr: string, yamlJson, networkId: NetworkId) {
 }
 
 export function getManifest(yamlJson, asString = false) {
-  const { id: networkId } = networkStore.getSelectedNetwork();
-  return Manifest(yamlJson, "beta2", networkId, asString);
+  return Manifest(yamlJson, "beta2", networkStore.selectedNetworkId, asString);
 }
 
 export async function getManifestVersion(yamlJson, asString = false) {
-  const { id: networkId } = networkStore.getSelectedNetwork();
-  const version = await ManifestVersion(yamlJson, "beta2", networkId);
+  const version = await ManifestVersion(yamlJson, "beta2", networkStore.selectedNetworkId);
 
   if (asString) {
     return Buffer.from(version).toString("base64");
@@ -182,7 +180,7 @@ export async function NewDeploymentData(
   deposit = browserEnvConfig.NEXT_PUBLIC_DEFAULT_INITIAL_DEPOSIT,
   depositorAddress = null
 ) {
-  const { id: networkId } = networkStore.getSelectedNetwork();
+  const networkId = networkStore.selectedNetworkId;
   const yamlJson = yaml.load(yamlStr) as any;
 
   // Validate the integrity of the yaml
diff --git a/apps/deploy-web/src/utils/deploymentData/v1beta3.ts b/apps/deploy-web/src/utils/deploymentData/v1beta3.ts
index 8e198c7d1..92e814fbf 100644
--- a/apps/deploy-web/src/utils/deploymentData/v1beta3.ts
+++ b/apps/deploy-web/src/utils/deploymentData/v1beta3.ts
@@ -6,13 +6,11 @@ import { CustomValidationError, getCurrentHeight, getSdl, Manifest, ManifestVers
 export const endpointNameValidationRegex = /^[a-z]+[-_\da-z]+$/;
 
 export function getManifest(yamlJson, asString: boolean) {
-  const network = networkStore.getSelectedNetwork();
-  return Manifest(yamlJson, "beta3", network.id, asString);
+  return Manifest(yamlJson, "beta3", networkStore.selectedNetworkId, asString);
 }
 
 export async function getManifestVersion(yamlJson) {
-  const network = networkStore.getSelectedNetwork();
-  const version = await ManifestVersion(yamlJson, "beta3", network.id);
+  const version = await ManifestVersion(yamlJson, "beta3", networkStore.selectedNetworkId);
 
   return Buffer.from(version).toString("base64");
 }
@@ -33,7 +31,7 @@ export async function NewDeploymentData(
   depositorAddress: string | null = null
 ) {
   try {
-    const { id: networkId } = networkStore.getSelectedNetwork();
+    const networkId = networkStore.selectedNetworkId;
     const sdl = getSdl(yamlStr, "beta3", networkId);
     const groups = sdl.groups();
     const mani = sdl.manifest();
diff --git a/apps/deploy-web/src/utils/deploymentLocalDataUtils.ts b/apps/deploy-web/src/utils/deploymentLocalDataUtils.ts
index eb1b2a0e9..71e60b659 100644
--- a/apps/deploy-web/src/utils/deploymentLocalDataUtils.ts
+++ b/apps/deploy-web/src/utils/deploymentLocalDataUtils.ts
@@ -1,5 +1,3 @@
-import type { NetworkId } from "@akashnetwork/akashjs/build/types/network";
-
 import networkStore from "@src/store/networkStore";
 import { getSelectedStorageWallet } from "./walletUtils";
 
@@ -11,12 +9,11 @@ export type LocalDeploymentData = {
 };
 
 export function getDeploymentLocalData(dseq: string | number): LocalDeploymentData | null {
-  const selectedNetworkId: NetworkId = networkStore.getSelectedNetworkId();
   const selectedWallet = getSelectedStorageWallet();
 
   if (!selectedWallet) return null;
 
-  const dataStr = localStorage.getItem(`${selectedNetworkId}/${selectedWallet.address}/deployments/${dseq}.data`);
+  const dataStr = localStorage.getItem(`${networkStore.selectedNetworkId}/${selectedWallet.address}/deployments/${dseq}.data`);
 
   return dataStr ? JSON.parse(dataStr) : null;
 }
@@ -34,16 +31,14 @@ export function saveDeploymentManifest(dseq: string, manifest: string, version:
 
   updateDeploymentLocalData(dseq, { owner: address, manifest: manifest, manifestVersion: version });
 
-  const selectedNetworkId: NetworkId = networkStore.getSelectedNetworkId();
   const selectedWallet = getSelectedStorageWallet();
-  localStorage.setItem(`${selectedNetworkId}/${selectedWallet.address}/deployments/${dseq}.data`, JSON.stringify(data));
+  localStorage.setItem(`${networkStore.selectedNetworkId}/${selectedWallet.address}/deployments/${dseq}.data`, JSON.stringify(data));
 }
 
 export function updateDeploymentLocalData(dseq: string, data: LocalDeploymentData) {
   const oldData = getDeploymentLocalData(dseq) || {};
   const newData = { ...oldData, ...data };
 
-  const selectedNetworkId: NetworkId = networkStore.getSelectedNetworkId();
   const selectedWallet = getSelectedStorageWallet();
-  localStorage.setItem(`${selectedNetworkId}/${selectedWallet.address}/deployments/${dseq}.data`, JSON.stringify(newData));
+  localStorage.setItem(`${networkStore.selectedNetworkId}/${selectedWallet.address}/deployments/${dseq}.data`, JSON.stringify(newData));
 }
diff --git a/apps/deploy-web/src/utils/proto/index.ts b/apps/deploy-web/src/utils/proto/index.ts
index 1553ae9bd..3b11dbdec 100644
--- a/apps/deploy-web/src/utils/proto/index.ts
+++ b/apps/deploy-web/src/utils/proto/index.ts
@@ -1,8 +1,7 @@
 import * as v1beta3 from "@akashnetwork/akash-api/v1beta3";
 import * as v1beta4 from "@akashnetwork/akash-api/v1beta4";
-import type { NetworkId } from "@akashnetwork/akashjs/build/types/network";
+import { MAINNET_ID, SANDBOX_ID, TESTNET_ID } from "@akashnetwork/network-store";
 
-import { MAINNET_ID, SANDBOX_ID, TESTNET_ID } from "@src/config/network.config";
 import networkStore from "@src/store/networkStore";
 
 const commonTypes = { ...v1beta3, ...v1beta4 };
@@ -12,9 +11,7 @@ const sandboxTypes = commonTypes;
 export let protoTypes;
 
 export function initProtoTypes() {
-  const selectedNetworkId: NetworkId = networkStore.getSelectedNetworkId();
-
-  switch (selectedNetworkId) {
+  switch (networkStore.selectedNetworkId) {
     case MAINNET_ID:
     case TESTNET_ID:
       protoTypes = mainnetTypes;
diff --git a/apps/deploy-web/src/utils/providerUtils.ts b/apps/deploy-web/src/utils/providerUtils.ts
index ff63657e8..4f788eb4f 100644
--- a/apps/deploy-web/src/utils/providerUtils.ts
+++ b/apps/deploy-web/src/utils/providerUtils.ts
@@ -1,5 +1,3 @@
-import type { NetworkId } from "@akashnetwork/akashjs/build/types/network";
-
 import networkStore from "@src/store/networkStore";
 import { ISnapshotMetadata, ProviderSnapshots } from "@src/types";
 import { ProviderStatus, ProviderStatusDto, ProviderVersion } from "@src/types/provider";
@@ -35,8 +33,7 @@ export function getNetworkCapacityDto(networkCapacity) {
 }
 
 export function getProviderLocalData(): LocalProviderData {
-  const selectedNetworkId: NetworkId = networkStore.getSelectedNetworkId();
-  const dataStr = localStorage.getItem(`${selectedNetworkId}/provider.data`);
+  const dataStr = localStorage.getItem(`${networkStore.selectedNetworkId}/provider.data`);
   if (!dataStr) {
     return { favorites: [] };
   }
@@ -50,8 +47,7 @@ export function updateProviderLocalData(data: LocalProviderData) {
   const oldData = getProviderLocalData();
   const newData = { ...oldData, ...data };
 
-  const selectedNetworkId: NetworkId = networkStore.getSelectedNetworkId();
-  localStorage.setItem(`${selectedNetworkId}/provider.data`, JSON.stringify(newData));
+  localStorage.setItem(`${networkStore.selectedNetworkId}/provider.data`, JSON.stringify(newData));
 }
 
 export const getSnapshotMetadata = (snapshot?: ProviderSnapshots): { unitFn: (number: number) => ISnapshotMetadata; legend?: string } => {
diff --git a/apps/deploy-web/src/utils/walletUtils.ts b/apps/deploy-web/src/utils/walletUtils.ts
index bd62a4267..5f3fc07c8 100644
--- a/apps/deploy-web/src/utils/walletUtils.ts
+++ b/apps/deploy-web/src/utils/walletUtils.ts
@@ -87,7 +87,7 @@ export function getStorageWallets(networkId?: NetworkId) {
     return [];
   }
 
-  const selectedNetworkId: NetworkId = networkId || networkStore.getSelectedNetworkId();
+  const selectedNetworkId: NetworkId = networkId || networkStore.selectedNetworkId;
   const wallets = JSON.parse(localStorage.getItem(`${selectedNetworkId}/wallets`) || "[]") as LocalWallet[];
 
   return wallets || [];
@@ -106,12 +106,12 @@ export function updateWallet(address: string, func: (w: LocalWallet) => LocalWal
 }
 
 export function updateStorageWallets(wallets: LocalWallet[], networkId?: string) {
-  const selectedNetworkId = networkId || networkStore.getSelectedNetworkId();
+  const selectedNetworkId = networkId || networkStore.selectedNetworkId;
   localStorage.setItem(`${selectedNetworkId}/wallets`, JSON.stringify(wallets));
 }
 
 export function deleteWalletFromStorage(address: string, deleteDeployments: boolean, networkId?: NetworkId) {
-  const selectedNetworkId = networkId || networkStore.getSelectedNetworkId();
+  const selectedNetworkId = networkId || networkStore.selectedNetworkId;
   const wallets = getStorageWallets();
   const newWallets = wallets.filter(w => w.address !== address).map((w, i) => ({ ...w, selected: i === 0 }));
 
diff --git a/apps/stats-web/package.json b/apps/stats-web/package.json
index 69a47a6f3..6584bc329 100644
--- a/apps/stats-web/package.json
+++ b/apps/stats-web/package.json
@@ -43,6 +43,7 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@akashnetwork/akashjs": "@akashnetwork/akashjs",
     "@akashnetwork/dev-config": "*",
     "@types/json2csv": "^5.0.7",
     "@types/node": "20.14.0",
diff --git a/package-lock.json b/package-lock.json
index 6f5620eb2..7bf578f30 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -270,6 +270,7 @@
         "@akashnetwork/akashjs": "^0.10.0",
         "@akashnetwork/env-loader": "*",
         "@akashnetwork/http-sdk": "*",
+        "@akashnetwork/network-store": "*",
         "@akashnetwork/ui": "*",
         "@auth0/nextjs-auth0": "^3.5.0",
         "@chain-registry/types": "^0.41.3",
@@ -757,6 +758,7 @@
         "zod": "^3.22.4"
       },
       "devDependencies": {
+        "@akashnetwork/akashjs": "@akashnetwork/akashjs",
         "@akashnetwork/dev-config": "*",
         "@types/json2csv": "^5.0.7",
         "@types/node": "20.14.0",
@@ -775,6 +777,13 @@
         "typescript": "5.1.3"
       }
     },
+    "apps/stats-web/@akashnetwork/akashjs": {
+      "dev": true
+    },
+    "apps/stats-web/node_modules/@akashnetwork/akashjs": {
+      "resolved": "apps/stats-web/@akashnetwork/akashjs",
+      "link": true
+    },
     "apps/stats-web/node_modules/@cosmjs/encoding": {
       "version": "0.32.4",
       "resolved": "https://registry.npmjs.org/@cosmjs/encoding/-/encoding-0.32.4.tgz",
@@ -943,6 +952,10 @@
       "resolved": "packages/http-sdk",
       "link": true
     },
+    "node_modules/@akashnetwork/network-store": {
+      "resolved": "packages/network-store",
+      "link": true
+    },
     "node_modules/@akashnetwork/ui": {
       "resolved": "packages/ui",
       "link": true
@@ -36271,6 +36284,17 @@
         "xstream": "^11.14.0"
       }
     },
+    "packages/network-store": {
+      "name": "@akashnetwork/network-store",
+      "version": "1.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "axios": "^1.7.2"
+      },
+      "devDependencies": {
+        "@akashnetwork/akashjs": "^0.10.0"
+      }
+    },
     "packages/ui": {
       "name": "@akashnetwork/ui",
       "version": "1.0.0",
diff --git a/packages/network-store/package.json b/packages/network-store/package.json
new file mode 100644
index 000000000..4959ea4b8
--- /dev/null
+++ b/packages/network-store/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "@akashnetwork/network-store",
+  "version": "1.0.0",
+  "description": "Package containing browser storage for Akash Network",
+  "keywords": [],
+  "license": "Apache-2.0",
+  "author": "",
+  "main": "src/index.ts",
+  "scripts": {
+    "format": "prettier --write ./*.{ts,json} **/*.{ts,json}",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "axios": "^1.7.2"
+  },
+  "devDependencies": {
+    "@akashnetwork/akashjs": "^0.10.0"
+  }
+}
diff --git a/packages/network-store/src/index.ts b/packages/network-store/src/index.ts
new file mode 100644
index 000000000..f3f062547
--- /dev/null
+++ b/packages/network-store/src/index.ts
@@ -0,0 +1,3 @@
+export * from "./network.store";
+export * from "./network.type";
+export * from "./network.config";
diff --git a/apps/deploy-web/src/config/network.config.ts b/packages/network-store/src/network.config.ts
similarity index 68%
rename from apps/deploy-web/src/config/network.config.ts
rename to packages/network-store/src/network.config.ts
index a6f03c7f6..04bed0062 100644
--- a/apps/deploy-web/src/config/network.config.ts
+++ b/packages/network-store/src/network.config.ts
@@ -1,7 +1,6 @@
 import type { MainnetNetworkId, SandboxNetworkId, TestnetNetworkId } from "@akashnetwork/akashjs/build/types/network";
 
-import { browserEnvConfig } from "@src/config/browser-env.config";
-import type { Network } from "@src/types/network";
+import type { Network } from "./network.type";
 
 export const MAINNET_ID: MainnetNetworkId = "mainnet";
 export const SANDBOX_ID: SandboxNetworkId = "sandbox";
@@ -12,10 +11,10 @@ export const INITIAL_NETWORKS_CONFIG: Network[] = [
     id: MAINNET_ID,
     title: "Mainnet",
     description: "Akash Network mainnet network.",
-    nodesUrl: `${browserEnvConfig.NEXT_PUBLIC_API_BASE_URL}/v1/nodes/mainnet`,
+    nodesUrl: "/v1/nodes/mainnet",
     chainId: "akashnet-2",
     chainRegistryName: "akash",
-    versionUrl: `${browserEnvConfig.NEXT_PUBLIC_API_BASE_URL}/v1/version/mainnet`,
+    versionUrl: "/v1/version/mainnet",
     rpcEndpoint: "https://rpc.cosmos.directory/akash",
     enabled: true,
     apiVersion: "v1beta3",
@@ -26,10 +25,10 @@ export const INITIAL_NETWORKS_CONFIG: Network[] = [
     id: TESTNET_ID,
     title: "GPU Testnet",
     description: "Testnet of the new GPU features.",
-    nodesUrl: `${browserEnvConfig.NEXT_PUBLIC_API_BASE_URL}/v1/nodes/testnet`,
+    nodesUrl: "/v1/nodes/testnet",
     chainId: "testnet-02",
     chainRegistryName: "akash-testnet",
-    versionUrl: `${browserEnvConfig.NEXT_PUBLIC_API_BASE_URL}/v1/version/testnet`,
+    versionUrl: "/v1/version/testnet",
     rpcEndpoint: "https://rpc.testnet-02.aksh.pw:443",
     enabled: false,
     apiVersion: "v1beta3",
@@ -40,10 +39,10 @@ export const INITIAL_NETWORKS_CONFIG: Network[] = [
     id: SANDBOX_ID,
     title: "Sandbox",
     description: "Sandbox of the mainnet version.",
-    nodesUrl: `${browserEnvConfig.NEXT_PUBLIC_API_BASE_URL}/v1/nodes/sandbox`,
+    nodesUrl: "/v1/nodes/sandbox",
     chainId: "sandbox-01",
     chainRegistryName: "akash-sandbox",
-    versionUrl: `${browserEnvConfig.NEXT_PUBLIC_API_BASE_URL}/v1/version/sandbox`,
+    versionUrl: "/v1/version/sandbox",
     rpcEndpoint: "https://rpc.sandbox-01.aksh.pw:443",
     version: null,
     enabled: true,
diff --git a/packages/network-store/src/network.store.ts b/packages/network-store/src/network.store.ts
new file mode 100644
index 000000000..f756f8069
--- /dev/null
+++ b/packages/network-store/src/network.store.ts
@@ -0,0 +1,139 @@
+import axios from "axios";
+import { atom } from "jotai";
+import { getDefaultStore, useAtom } from "jotai";
+import { atomWithStorage } from "jotai/utils";
+
+import { INITIAL_NETWORKS_CONFIG } from "./network.config";
+import type { Network } from "./network.type";
+
+interface NetworkStoreOptions {
+  defaultNetworkId: Network["id"];
+  apiBaseUrl: string;
+  store?: ReturnType<typeof getDefaultStore>;
+}
+
+interface NetworksStore {
+  isLoading: boolean;
+  error?: Error;
+  data: Network[];
+}
+
+class NetworkStoreVersionsInitError extends Error {
+  errors: Error[];
+  constructor(errors: { network: Network; error: Error }[]) {
+    super(`Failed to fetch network versions: ${errors.map(({ network }) => network.id).join(", ")}`);
+    this.errors = errors.map(({ error }) => error);
+  }
+}
+
+export class NetworkStore {
+  static create(options: NetworkStoreOptions) {
+    return new NetworkStore(options);
+  }
+
+  readonly networksStore = atom<NetworksStore>({ isLoading: true, error: undefined, data: INITIAL_NETWORKS_CONFIG });
+
+  private readonly selectedNetworkIdStore = atomWithStorage<Network["id"]>("selectedNetworkId", this.options.defaultNetworkId, undefined, { getOnInit: true });
+
+  private readonly selectedNetworkStore = atom<Network, [Network], void>(
+    get => {
+      const networkId = get(this.selectedNetworkIdStore);
+      const networks = get(this.networksStore).data;
+
+      return networks.find(n => n.id === networkId) ?? networks[0];
+    },
+    async (get, set, next) => {
+      await set(this.selectedNetworkIdStore, next.id);
+    }
+  );
+
+  private readonly store: ReturnType<typeof getDefaultStore>;
+
+  get networks() {
+    return this.store.get(this.networksStore).data;
+  }
+
+  get selectedNetwork() {
+    return this.store.get(this.selectedNetworkStore);
+  }
+
+  get selectedNetworkId() {
+    return this.store.get(this.selectedNetworkIdStore);
+  }
+
+  get apiVersion() {
+    return this.selectedNetwork.apiVersion;
+  }
+
+  get marketApiVersion() {
+    return this.selectedNetwork.marketApiVersion;
+  }
+
+  constructor(private readonly options: NetworkStoreOptions) {
+    this.store = options.store || getDefaultStore();
+    this.initiateNetworks();
+  }
+
+  private async initiateNetworks() {
+    const errors: { network: Network; error: Error }[] = [];
+    const networks = await Promise.all(
+      INITIAL_NETWORKS_CONFIG.map(async network => {
+        try {
+          network.versionUrl = this.options.apiBaseUrl + network.versionUrl;
+          network.nodesUrl = this.options.apiBaseUrl + network.nodesUrl;
+
+          const response = await axios.get<string>(network.versionUrl, { timeout: 10000 });
+          network.version = response.data;
+
+          return network;
+        } catch (error) {
+          errors.push({ network, error });
+
+          return network;
+        }
+      })
+    );
+
+    if (errors.length > 0) {
+      this.store.set(this.networksStore, { data: this.networks, isLoading: false, error: new NetworkStoreVersionsInitError(errors) });
+    } else {
+      this.store.set(this.networksStore, { data: networks, isLoading: false, error: undefined });
+    }
+  }
+
+  useNetworksStore() {
+    return useAtom(this.networksStore);
+  }
+
+  useNetworks() {
+    return this.useNetworksStore()[0].data;
+  }
+
+  useSelectedNetworkStore() {
+    return useAtom(this.selectedNetworkStore);
+  }
+
+  useSelectedNetwork() {
+    return this.useSelectedNetworkStore()[0];
+  }
+
+  useSelectedNetworkIdStore({ reloadOnChange } = { reloadOnChange: false }): [Network["id"], (networkId: Network["id"]) => void] {
+    const [networkId, setNetworkId] = useAtom(this.selectedNetworkIdStore);
+
+    if (reloadOnChange) {
+      return [
+        networkId,
+        (networkId: Network["id"]) => {
+          setNetworkId(networkId);
+          location.reload();
+        }
+      ];
+    } else {
+      return [networkId, setNetworkId];
+    }
+  }
+
+  useSelectedNetworkId() {
+    return this.useSelectedNetworkIdStore()[0];
+  }
+}
diff --git a/apps/deploy-web/src/types/network.ts b/packages/network-store/src/network.type.ts
similarity index 100%
rename from apps/deploy-web/src/types/network.ts
rename to packages/network-store/src/network.type.ts
diff --git a/packages/network-store/tsconfig.build.json b/packages/network-store/tsconfig.build.json
new file mode 100644
index 000000000..306ea8d76
--- /dev/null
+++ b/packages/network-store/tsconfig.build.json
@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "noImplicitAny": true,
+    "paths": {
+      "@src/*": ["./src/*"],
+      "@test/*": ["./test/*"]
+    }
+  },
+  "extends": "@akashnetwork/dev-config/tsconfig.base-node.json"
+}
diff --git a/packages/network-store/tsconfig.json b/packages/network-store/tsconfig.json
new file mode 100644
index 000000000..579446f28
--- /dev/null
+++ b/packages/network-store/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "exclude": ["node_modules", "dist", "**/*spec.ts"],
+  "extends": "./tsconfig.build.json",
+  "include": ["src/**/*"]
+}