diff --git a/vue-app/src/App.vue b/vue-app/src/App.vue
index 3c7ad9b98..01f555ac1 100644
--- a/vue-app/src/App.vue
+++ b/vue-app/src/App.vue
@@ -8,8 +8,20 @@
       <div v-if="isSidebarShown" id="sidebar" :class="`${showCartPanel ? 'desktop-l' : 'desktop'}`">
         <round-information />
       </div>
-      <active-app v-if="isActiveApp" :is-sidebar-shown="isSidebarShown" :show-bread-crumb="showBreadCrumb" />
-      <static-app v-else :is-sidebar-shown="isSidebarShown" :show-bread-crumb="showBreadCrumb" />
+      <div
+        id="content"
+        :class="{
+          padded: isVerifyStep || (isSidebarShown && !isCartPadding),
+          'mr-cart-open': showCartPanel && isSideCartShown,
+          'mr-cart-closed': !showCartPanel && isSideCartShown,
+        }"
+      >
+        <breadcrumbs v-if="showBreadCrumb" />
+        <router-view :key="route.path" />
+      </div>
+      <div v-if="isSideCartShown" id="cart" :class="`desktop ${showCartPanel ? 'open-cart' : 'closed-cart'}`">
+        <cart-widget />
+      </div>
     </div>
     <mobile-tabs v-if="isMobileTabsShown" />
   </div>
@@ -20,22 +32,29 @@
 <script setup lang="ts">
 import NavBar from '@/components/NavBar.vue'
 import MobileTabs from '@/components/MobileTabs.vue'
-import ActiveApp from './components/ActiveApp.vue'
-import StaticApp from './components/StaticApp.vue'
 
 // @ts-ignore
 import { ModalsContainer } from 'vue-final-modal'
 
 import { getDefaultColorScheme } from '@/utils/theme'
-import { operator, isActiveApp } from '@/api/core'
-import { useAppStore } from '@/stores'
+import { operator } from '@/api/core'
+import { useAppStore, useRecipientStore, useUserStore, useWalletStore } from '@/stores'
 import { storeToRefs } from 'pinia'
 import { useRoute } from 'vue-router'
 import { useMeta } from 'vue-meta'
+import { getCurrentRound } from './api/round'
+import type { WalletUser } from '@/stores'
+import type { BrowserProvider } from 'ethers'
 
 const route = useRoute()
 const appStore = useAppStore()
-const { theme, showCartPanel } = storeToRefs(appStore)
+const { theme, showCartPanel, currentRound } = storeToRefs(appStore)
+const userStore = useUserStore()
+const { currentUser } = storeToRefs(userStore)
+const recipientStore = useRecipientStore()
+const wallet = useWalletStore()
+const { user: walletUser } = storeToRefs(wallet)
+const appReady = ref(false)
 
 // https://stackoverflow.com/questions/71785473/how-to-use-vue-meta-with-vue3
 // https://www.npmjs.com/package/vue-meta/v/3.0.0-alpha.7
@@ -100,6 +119,100 @@ watch(theme, () => {
   const savedTheme = theme.value
   document.documentElement.setAttribute('data-theme', savedTheme || getDefaultColorScheme())
 })
+
+const intervals: { [key: string]: any } = {}
+const isUserAndRoundLoaded = computed(() => !!currentUser.value && !!currentRound.value)
+const isSideCartShown = computed(() => isUserAndRoundLoaded.value && isSidebarShown.value && routeName.value !== 'cart')
+const isVerifyStep = computed(() => routeName.value === 'verify-step')
+const isCartPadding = computed(() => {
+  const routes = ['cart']
+  return routes.includes(routeName.value)
+})
+
+function setupLoadIntervals() {
+  intervals.round = setInterval(() => {
+    appStore.loadRoundInfo()
+  }, 60 * 1000)
+  intervals.recipient = setInterval(async () => {
+    recipientStore.loadRecipientRegistryInfo()
+  }, 60 * 1000)
+  intervals.user = setInterval(() => {
+    userStore.loadUserInfo()
+  }, 60 * 1000)
+}
+
+onMounted(async () => {
+  try {
+    await wallet.reconnect()
+  } catch (err) {
+    /* eslint-disable-next-line no-console */
+    console.warn('Unable to reconnect wallet', err)
+  }
+
+  try {
+    const roundAddress = appStore.currentRoundAddress || (await getCurrentRound())
+
+    if (roundAddress) {
+      appStore.selectRound(roundAddress)
+      /* eslint-disable-next-line no-console */
+      console.log('roundAddress', roundAddress)
+    }
+  } catch (err) {
+    /* eslint-disable-next-line no-console */
+    console.warn('Failed to get current round:', err)
+  }
+
+  appReady.value = true
+  try {
+    await appStore.loadClrFundInfo()
+    await appStore.loadMACIFactoryInfo()
+    await appStore.loadRoundInfo()
+    await recipientStore.loadRecipientRegistryInfo()
+    appStore.isAppReady = true
+
+    setupLoadIntervals()
+  } catch (err) {
+    /* eslint-disable-next-line no-console */
+    console.warn('Failed to load application data:', err)
+  }
+})
+
+onBeforeUnmount(() => {
+  for (const interval of Object.keys(intervals)) {
+    clearInterval(intervals[interval])
+  }
+})
+
+watch(walletUser, async () => {
+  try {
+    if (walletUser.value) {
+      const user: WalletUser = {
+        chainId: walletUser.value.chainId,
+        walletAddress: walletUser.value.walletAddress,
+        web3Provider: walletUser.value.web3Provider as BrowserProvider,
+      }
+      // make sure factory is loaded
+      await appStore.loadClrFundInfo()
+      userStore.loginUser(user)
+      await userStore.loadUserInfo()
+      await userStore.loadBrightID()
+    } else {
+      await userStore.logoutUser()
+    }
+  } catch (err) {
+    /* eslint-disable-next-line no-console */
+    console.log('error', err)
+  }
+})
+
+watch(isUserAndRoundLoaded, async () => {
+  if (!isUserAndRoundLoaded.value) {
+    return
+  }
+
+  // load contribution when we get round information
+  await userStore.loadUserInfo()
+})
 </script>
 
 <style lang="scss">
diff --git a/vue-app/src/api/clrFund.ts b/vue-app/src/api/clrFund.ts
index a3a1018f4..375cd71bb 100644
--- a/vue-app/src/api/clrFund.ts
+++ b/vue-app/src/api/clrFund.ts
@@ -1,4 +1,4 @@
-import { clrfundContractAddress, clrFundContract, isActiveApp, provider } from './core'
+import { clrfundContractAddress, clrFundContract, provider } from './core'
 import sdk from '@/graphql/sdk'
 import { ERC20 } from './abi'
 import { Contract } from 'ethers'
@@ -20,32 +20,12 @@ export async function getClrFundInfo() {
   let userRegistryAddress = ''
   let recipientRegistryAddress = ''
 
-  try {
-    if (isActiveApp) {
-      const data = await sdk.GetClrFundInfo({
-        clrFundAddress: clrfundContractAddress.toLowerCase(),
-      })
-      const nativeTokenInfo = data.clrFund?.nativeTokenInfo
-      if (nativeTokenInfo) {
-        nativeTokenAddress = nativeTokenInfo.tokenAddress || ''
-        nativeTokenSymbol = nativeTokenInfo.symbol || ''
-        nativeTokenDecimals = Number(nativeTokenInfo.decimals) || 0
-      }
-
-      userRegistryAddress = data.clrFund?.contributorRegistryAddress || ''
-      recipientRegistryAddress = data.clrFund?.recipientRegistryAddress || ''
-    } else {
-      nativeTokenAddress = await clrFundContract.nativeToken()
-      const nativeTokenContract = new Contract(nativeTokenAddress, ERC20, provider)
-      nativeTokenSymbol = await nativeTokenContract.symbol()
-      nativeTokenDecimals = await nativeTokenContract.decimals()
-      userRegistryAddress = await clrFundContract.userRegistry()
-      recipientRegistryAddress = await clrFundContract.recipientRegistry()
-    }
-  } catch (err) {
-    /* eslint-disable-next-line no-console */
-    console.error('Failed GetClrFundInfo', err)
-  }
+  nativeTokenAddress = await clrFundContract.nativeToken().catch(() => '')
+  const nativeTokenContract = new Contract(nativeTokenAddress, ERC20, provider)
+  nativeTokenSymbol = await nativeTokenContract.symbol().catch(() => '')
+  nativeTokenDecimals = await nativeTokenContract.decimals().catch(() => 0)
+  userRegistryAddress = await clrFundContract.userRegistry().catch(() => '')
+  recipientRegistryAddress = await clrFundContract.recipientRegistry().catch(() => '')
 
   try {
     matchingPool = await getMatchingFunds(nativeTokenAddress)
diff --git a/vue-app/src/api/contributions.ts b/vue-app/src/api/contributions.ts
index a6aed99ef..08598dc31 100644
--- a/vue-app/src/api/contributions.ts
+++ b/vue-app/src/api/contributions.ts
@@ -8,6 +8,7 @@ import { clrFundContract, provider } from './core'
 import type { Project } from './projects'
 import sdk from '@/graphql/sdk'
 import { Transaction } from '@/utils/transaction'
+import type { GetContributorIndexQuery, GetContributorMessagesQuery, GetTotalContributedQuery } from '@/graphql/API'
 
 export const DEFAULT_CONTRIBUTION_AMOUNT = 5
 export const MAX_CONTRIBUTION_AMOUNT = 10000 // See FundingRound.sol
@@ -99,9 +100,14 @@ export async function getTotalContributed(fundingRoundAddress: string): Promise<
   const nativeToken = new Contract(nativeTokenAddress, ERC20, provider)
   const balance = await nativeToken.balanceOf(fundingRoundAddress)
 
-  const data = await sdk.GetTotalContributed({
-    fundingRoundAddress: fundingRoundAddress.toLowerCase(),
-  })
+  let data: GetTotalContributedQuery
+  try {
+    data = await sdk.GetTotalContributed({
+      fundingRoundAddress: fundingRoundAddress.toLowerCase(),
+    })
+  } catch {
+    return { count: 0, amount: 0n }
+  }
 
   if (!data.fundingRound?.contributorCount) {
     return { count: 0, amount: 0n }
@@ -149,10 +155,16 @@ export async function getContributorIndex(maciAddress: string, pubKey: PubKey):
   if (!maciAddress) {
     return null
   }
-  const id = getPubKeyId(maciAddress, pubKey)
-  const data = await sdk.GetContributorIndex({
-    publicKeyId: id,
-  })
+
+  let data: GetContributorIndexQuery
+  try {
+    const id = getPubKeyId(maciAddress, pubKey)
+    data = await sdk.GetContributorIndex({
+      publicKeyId: id,
+    })
+  } catch {
+    return null
+  }
 
   if (data.publicKeys.length === 0) {
     return null
@@ -197,11 +209,16 @@ export async function getContributorMessages({
     return []
   }
 
-  const key = getPubKeyId(maciAddress, contributorKey.pubKey)
-  const result = await sdk.GetContributorMessages({
-    pubKey: key,
-    contributorAddress: contributorAddress.toLowerCase(),
-  })
+  let result: GetContributorMessagesQuery
+  try {
+    const key = getPubKeyId(maciAddress, contributorKey.pubKey)
+    result = await sdk.GetContributorMessages({
+      pubKey: key,
+      contributorAddress: contributorAddress.toLowerCase(),
+    })
+  } catch {
+    return []
+  }
 
   if (!(result.messages && result.messages.length)) {
     return []
diff --git a/vue-app/src/api/core.ts b/vue-app/src/api/core.ts
index 0de7568ae..c306df278 100644
--- a/vue-app/src/api/core.ts
+++ b/vue-app/src/api/core.ts
@@ -58,10 +58,7 @@ if (!['simple', 'optimistic', 'kleros'].includes(recipientRegistryType as string
 export const recipientRegistryPolicy = import.meta.env.VITE_RECIPIENT_REGISTRY_POLICY
 export const operator: string = import.meta.env.VITE_OPERATOR || 'Clr.fund'
 
-export const SUBGRAPH_ENDPOINT =
-  import.meta.env.VITE_SUBGRAPH_URL || 'https://api.thegraph.com/subgraphs/name/clrfund/clrfund'
-
-export const isActiveApp = Boolean(import.meta.env.VITE_SUBGRAPH_URL)
+export const SUBGRAPH_ENDPOINT = import.meta.env.VITE_SUBGRAPH_URL || ''
 
 // application theme
 export enum ThemeMode {
diff --git a/vue-app/src/api/leaderboard.ts b/vue-app/src/api/leaderboard.ts
index a09b0d0d6..1678029dd 100644
--- a/vue-app/src/api/leaderboard.ts
+++ b/vue-app/src/api/leaderboard.ts
@@ -1,18 +1,31 @@
 import leaderboardRounds from '@/rounds/rounds.json'
+import { isSameAddress } from '@/utils/accounts'
 
 type LeaderboardRecord = {
   address: string
   network: string
 }
 
-export async function getLeaderboardData(roundAddress: string, network: string) {
+function isSameNetwork(network1 = '', network2 = ''): boolean {
+  return network1.toLowerCase() === network2.toLowerCase()
+}
+
+export async function getLeaderboardData(roundAddress: string, network?: string) {
   const rounds = leaderboardRounds as LeaderboardRecord[]
+  const checkNetwork = Boolean(network)
 
-  const lowercaseRoundAddress = (roundAddress || '').toLowerCase()
-  const lowercaseNetwork = (network || '').toLowerCase()
   const found = rounds.find((r: LeaderboardRecord) => {
-    return r.address.toLowerCase() === lowercaseRoundAddress && r.network.toLowerCase() === lowercaseNetwork
+    return isSameAddress(r.address, roundAddress) && (!checkNetwork || isSameNetwork(network, r.network))
   })
 
-  return found ? import(`../rounds/${found.network}/${found.address}.json`) : null
+  if (!found) {
+    return null
+  }
+
+  const data = await import(`../rounds/${found.network}/${found.address}.json`)
+  if (!data.round) {
+    data.round = {}
+  }
+  data.round.network = found.network
+  return data
 }
diff --git a/vue-app/src/api/maci-factory.ts b/vue-app/src/api/maci-factory.ts
index 7e8a9f84c..e1b6bf8cf 100644
--- a/vue-app/src/api/maci-factory.ts
+++ b/vue-app/src/api/maci-factory.ts
@@ -12,8 +12,13 @@ export async function getMACIFactoryInfo(maxRecipients?: number): Promise<MACIFa
 
   if (maxRecipients === undefined) {
     const maciFactory = new Contract(maciFactoryAddress, MACIFactoryABI, provider)
-    const treeDepths = await maciFactory.treeDepths()
-    maxRecipients = 5 ** getNumber(treeDepths.voteOptionTreeDepth) - 1
+    try {
+      const treeDepths = await maciFactory.treeDepths()
+      maxRecipients = 5 ** getNumber(treeDepths.voteOptionTreeDepth) - 1
+    } catch {
+      // treeDepths doesn't exist on older version of maciFactory
+      maxRecipients = 124
+    }
   }
 
   return {
diff --git a/vue-app/src/api/projects.ts b/vue-app/src/api/projects.ts
index 2795ad82e..db3144d21 100644
--- a/vue-app/src/api/projects.ts
+++ b/vue-app/src/api/projects.ts
@@ -9,6 +9,7 @@ import KlerosRegistry from './recipient-registry-kleros'
 import sdk from '@/graphql/sdk'
 import { getLeaderboardData } from '@/api/leaderboard'
 import type { RecipientApplicationData } from '@/api/types'
+import type { GetRecipientByIndexQuery } from '@/graphql/API'
 
 export interface LeaderboardProject {
   id: string // Address or another ID depending on registry implementation
@@ -117,10 +118,15 @@ export async function getProjectByIndex(
   registryAddress: string,
   recipientIndex: number,
 ): Promise<Partial<Project> | null> {
-  const result = await sdk.GetRecipientByIndex({
-    registryAddress: registryAddress.toLowerCase(),
-    recipientIndex,
-  })
+  let result: GetRecipientByIndexQuery
+  try {
+    result = await sdk.GetRecipientByIndex({
+      registryAddress: registryAddress.toLowerCase(),
+      recipientIndex,
+    })
+  } catch {
+    return null
+  }
 
   if (!result.recipients.length) {
     return null
@@ -186,7 +192,7 @@ export function toLeaderboardProject(project: any): LeaderboardProject {
   return {
     id: project.id,
     name: project.name,
-    index: getNumber(project.recipientIndex),
+    index: getNumber(project.recipientIndex || 0),
     imageUrl,
     allocatedAmount: BigInt(project.allocatedAmount || '0'),
     votes: BigInt(project.tallyResult || '0'),
@@ -284,6 +290,7 @@ export function staticDataToProjectInterface(project: any): Project {
     websiteUrl: project.metadata.websiteUrl,
     twitterUrl: project.metadata.twitterUrl,
     discordUrl: project.discordUrl,
+    imageUrl: `${ipfsGatewayUrl}/ipfs/${project.metadata.imageHash}`,
     bannerImageUrl: `${ipfsGatewayUrl}/ipfs/${project.metadata.bannerImageHash}`,
     thumbnailImageUrl: `${ipfsGatewayUrl}/ipfs/${project.metadata.thumbnailImageHash}`,
     index: project.recipientIndex,
diff --git a/vue-app/src/api/recipient-registry-optimistic.ts b/vue-app/src/api/recipient-registry-optimistic.ts
index 1baf6610f..478761432 100644
--- a/vue-app/src/api/recipient-registry-optimistic.ts
+++ b/vue-app/src/api/recipient-registry-optimistic.ts
@@ -1,5 +1,5 @@
 import { Contract, toNumber, isHexString, ContractTransactionResponse } from 'ethers'
-import type { TransactionResponse, TransactionReceipt, Signer } from 'ethers'
+import type { TransactionResponse, Signer } from 'ethers'
 import { DateTime } from 'luxon'
 import { chain } from '@/api/core'
 
@@ -7,7 +7,7 @@ import { OptimisticRecipientRegistry } from './abi'
 import { provider, ipfsGatewayUrl } from './core'
 import type { Project } from './projects'
 import sdk from '@/graphql/sdk'
-import type { Recipient } from '@/graphql/API'
+import type { GetProjectQuery, GetRecipientsQuery, Recipient } from '@/graphql/API'
 import { hasDateElapsed } from '@/utils/dates'
 import type { RegistryInfo, RecipientApplicationData } from './types'
 import { formToRecipientData } from './recipient'
@@ -130,9 +130,14 @@ function mapRequestStatus(request: RecipientRequestData): RequestStatus {
 }
 
 export async function getRequests(registryInfo: RegistryInfo, registryAddress: string): Promise<Request[]> {
-  const data = await sdk.GetRecipients({
-    registryAddress: registryAddress.toLowerCase(),
-  })
+  let data: GetRecipientsQuery
+  try {
+    data = await sdk.GetRecipients({
+      registryAddress: registryAddress.toLowerCase(),
+    })
+  } catch {
+    return []
+  }
 
   if (!data.recipients.length) {
     return []
@@ -252,9 +257,14 @@ function decodeProject(recipient: Partial<Recipient>): Project {
 }
 
 export async function getProjects(registryAddress: string, startTime?: number, endTime?: number): Promise<Project[]> {
-  const data = await sdk.GetRecipients({
-    registryAddress: registryAddress.toLowerCase(),
-  })
+  let data: GetRecipientsQuery
+  try {
+    data = await sdk.GetRecipients({
+      registryAddress: registryAddress.toLowerCase(),
+    })
+  } catch {
+    return []
+  }
 
   if (!data.recipients.length) {
     return []
@@ -328,9 +338,14 @@ export async function getProject(recipientId: string, filter = true): Promise<Pr
     return null
   }
 
-  const data = await sdk.GetProject({
-    recipientId,
-  })
+  let data: GetProjectQuery
+  try {
+    data = await sdk.GetProject({
+      recipientId,
+    })
+  } catch {
+    return null
+  }
 
   if (!data.recipients.length) {
     // Project does not exist
diff --git a/vue-app/src/api/round.ts b/vue-app/src/api/round.ts
index 219dbecad..891cdae6b 100644
--- a/vue-app/src/api/round.ts
+++ b/vue-app/src/api/round.ts
@@ -3,7 +3,7 @@ import { DateTime } from 'luxon'
 import { PubKey, type Tally, getMaxContributors } from '@clrfund/common'
 
 import { FundingRound, Poll } from './abi'
-import { provider, clrFundContract, isActiveApp } from './core'
+import { provider, clrFundContract } from './core'
 import { getTotalContributed } from './contributions'
 import { isVoidedRound } from './rounds'
 import sdk from '@/graphql/sdk'
@@ -11,6 +11,7 @@ import sdk from '@/graphql/sdk'
 import { isSameAddress } from '@/utils/accounts'
 import { Keypair } from '@clrfund/common'
 import { getLeaderboardData } from '@/api/leaderboard'
+import { staticDataToProjectInterface } from './projects'
 
 export interface RoundInfo {
   fundingRoundAddress: string
@@ -39,6 +40,7 @@ export interface RoundInfo {
   blogUrl?: string
   network?: string
   tally?: Tally
+  projects?: any
 }
 
 export interface TimeLeft {
@@ -65,7 +67,7 @@ export async function getCurrentRound(): Promise<string | null> {
   return isVoidedRound(fundingRoundAddress) ? null : fundingRoundAddress
 }
 
-export function toRoundInfo(data: any, network: string): RoundInfo {
+export function toRoundInfo(data: any): RoundInfo {
   const nativeTokenDecimals = Number(data.nativeTokenDecimals)
   // leaderboard does not need coordinator key, generate a dummy number
   const keypair = Keypair.createFromSeed(hexlify(randomBytes(32)))
@@ -109,11 +111,11 @@ export function toRoundInfo(data: any, network: string): RoundInfo {
     contributors: data.contributorCount,
     messages: Number(data.messages),
     blogUrl: data.blogUrl,
-    network,
+    network: data.network,
   }
 }
 
-export async function getLeaderboardRoundInfo(fundingRoundAddress: string, network: string): Promise<RoundInfo | null> {
+export async function getStaticRoundInfo(fundingRoundAddress: string, network?: string): Promise<RoundInfo | null> {
   const data = await getLeaderboardData(fundingRoundAddress, network)
   if (!data) {
     return null
@@ -121,16 +123,22 @@ export async function getLeaderboardRoundInfo(fundingRoundAddress: string, netwo
 
   let round: RoundInfo | null = null
   try {
-    round = toRoundInfo(data.round, network)
+    round = toRoundInfo(data.round)
 
-    round.tally = {
-      provider: data.tally.provider,
-      maci: data.tally.maci,
-      pollId: data.pollId,
-      newTallyCommitment: data.tally.newTallyCommitment,
-      results: data.tally.results,
-      totalSpentVoiceCredits: data.tally.totalSpentVoiceCredits ?? data.tally.totalVoiceCredits,
-      perVOSpentVoiceCredits: data.tally.perVOSpentVoiceCredits ?? data.tally.totalVoiceCreditsPerVoteOption,
+    if (data.tally) {
+      round.tally = {
+        provider: data.tally.provider,
+        maci: data.tally.maci,
+        pollId: data.pollId,
+        newTallyCommitment: data.tally.newTallyCommitment,
+        results: data.tally.results,
+        totalSpentVoiceCredits: data.tally.totalSpentVoiceCredits ?? data.tally.totalVoiceCredits,
+        perVOSpentVoiceCredits: data.tally.perVOSpentVoiceCredits ?? data.tally.totalVoiceCreditsPerVoteOption,
+      }
+    }
+
+    if (data.projects) {
+      round.projects = data.projects.map(staticDataToProjectInterface)
     }
   } catch (err) {
     /* eslint-disable-next-line no-console */
@@ -151,9 +159,9 @@ export async function getRoundInfo(
     return cachedRound
   }
 
-  if (!isActiveApp) {
-    // static app should use the exported round information from rounds.json
-    return null
+  const staticRoundInfo = await getStaticRoundInfo(fundingRoundAddress)
+  if (staticRoundInfo) {
+    return staticRoundInfo
   }
 
   const fundingRound = new Contract(fundingRoundAddress, FundingRound, provider)
diff --git a/vue-app/src/api/rounds.ts b/vue-app/src/api/rounds.ts
index a4e7d9ecd..b809ca248 100644
--- a/vue-app/src/api/rounds.ts
+++ b/vue-app/src/api/rounds.ts
@@ -1,7 +1,7 @@
 import sdk from '@/graphql/sdk'
 import extraRounds from '@/rounds/rounds.json'
 import { getNumber } from 'ethers'
-import { chain, voidedRounds, isActiveApp, clrfundContractAddress } from './core'
+import { chain, voidedRounds, clrfundContractAddress, SUBGRAPH_ENDPOINT } from './core'
 
 export interface Round {
   index: number
@@ -26,13 +26,9 @@ function toRoundId({ network, address }: { network: string; address: string }):
  */
 export async function getRounds(): Promise<Round[]> {
   let data
-  if (isActiveApp) {
-    try {
-      data = await sdk.GetRounds({ clrFundAddress: clrfundContractAddress.toLowerCase() })
-    } catch {
-      data = { fundingRounds: [] }
-    }
-  } else {
+  try {
+    data = await sdk.GetRounds({ clrFundAddress: clrfundContractAddress.toLowerCase() })
+  } catch {
     data = { fundingRounds: [] }
   }
 
diff --git a/vue-app/src/api/subgraph.ts b/vue-app/src/api/subgraph.ts
deleted file mode 100644
index 9f1a58819..000000000
--- a/vue-app/src/api/subgraph.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { TransactionReceipt } from 'ethers'
-import sdk from '@/graphql/sdk'
-
-/**
- * Check if the transaction in the receipt exists in the subgraph
- * @param receipt transaction receipt
- * @returns true if the latest block number in subgraph is greater than the transaction block number
- */
-export async function isTransactionInSubgraph(receipt: TransactionReceipt): Promise<boolean> {
-  const data = await sdk.GetLatestBlockNumber()
-
-  if (!data._meta?.block.number) {
-    return false
-  }
-
-  return data._meta.block.number > receipt.blockNumber
-}
diff --git a/vue-app/src/components/ActiveApp.vue b/vue-app/src/components/ActiveApp.vue
deleted file mode 100644
index 7bc404fb1..000000000
--- a/vue-app/src/components/ActiveApp.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<template>
-  <div
-    id="content"
-    :class="{
-      padded: isVerifyStep || (isSidebarShown && !isCartPadding),
-      'mr-cart-open': showCartPanel && isSideCartShown,
-      'mr-cart-closed': !showCartPanel && isSideCartShown,
-    }"
-  >
-    <breadcrumbs v-if="showBreadCrumb" />
-    <router-view :key="route.path" />
-  </div>
-  <div v-if="isSideCartShown" id="cart" :class="`desktop ${showCartPanel ? 'open-cart' : 'closed-cart'}`">
-    <cart-widget />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useRoute } from 'vue-router'
-import { getCurrentRound } from '@/api/round'
-import type { WalletUser } from '@/stores'
-import { useAppStore, useRecipientStore, useUserStore } from '@/stores'
-import type { BrowserProvider } from 'ethers'
-import { useWalletStore } from '@/stores'
-import CartWidget from '@/components/CartWidget.vue'
-import Breadcrumbs from '@/components/Breadcrumbs.vue'
-
-interface Props {
-  showBreadCrumb: boolean
-  isSidebarShown: boolean
-}
-const props = defineProps<Props>()
-
-const route = useRoute()
-const wallet = useWalletStore()
-const { user: walletUser } = storeToRefs(wallet)
-
-const appReady = ref(false)
-const appStore = useAppStore()
-const recipientStore = useRecipientStore()
-const userStore = useUserStore()
-const { currentUser } = storeToRefs(userStore)
-const { currentRound, showCartPanel } = storeToRefs(appStore)
-const routeName = computed(() => route.name?.toString() || '')
-
-const intervals: { [key: string]: any } = {}
-const isUserAndRoundLoaded = computed(() => !!currentUser.value && !!currentRound.value)
-const isSideCartShown = computed(() => isUserAndRoundLoaded.value && props.isSidebarShown && routeName.value !== 'cart')
-const isVerifyStep = computed(() => routeName.value === 'verify-step')
-const isCartPadding = computed(() => {
-  const routes = ['cart']
-  return routes.includes(routeName.value)
-})
-
-function setupLoadIntervals() {
-  intervals.round = setInterval(() => {
-    appStore.loadRoundInfo()
-  }, 60 * 1000)
-  intervals.recipient = setInterval(async () => {
-    recipientStore.loadRecipientRegistryInfo()
-  }, 60 * 1000)
-  intervals.user = setInterval(() => {
-    userStore.loadUserInfo()
-  }, 60 * 1000)
-}
-
-onMounted(async () => {
-  try {
-    await wallet.reconnect()
-  } catch (err) {
-    /* eslint-disable-next-line no-console */
-    console.warn('Unable to reconnect wallet', err)
-  }
-
-  try {
-    const roundAddress = appStore.currentRoundAddress || (await getCurrentRound())
-
-    if (roundAddress) {
-      appStore.selectRound(roundAddress)
-      /* eslint-disable-next-line no-console */
-      console.log('roundAddress', roundAddress)
-    }
-  } catch (err) {
-    /* eslint-disable-next-line no-console */
-    console.warn('Failed to get current round:', err)
-  }
-
-  appReady.value = true
-  try {
-    await appStore.loadClrFundInfo()
-    await appStore.loadMACIFactoryInfo()
-    await appStore.loadRoundInfo()
-    await recipientStore.loadRecipientRegistryInfo()
-    appStore.isAppReady = true
-
-    setupLoadIntervals()
-  } catch (err) {
-    /* eslint-disable-next-line no-console */
-    console.warn('Failed to load application data:', err)
-  }
-})
-
-onBeforeUnmount(() => {
-  for (const interval of Object.keys(intervals)) {
-    clearInterval(intervals[interval])
-  }
-})
-
-watch(walletUser, async () => {
-  try {
-    if (walletUser.value) {
-      const user: WalletUser = {
-        chainId: walletUser.value.chainId,
-        walletAddress: walletUser.value.walletAddress,
-        web3Provider: walletUser.value.web3Provider as BrowserProvider,
-      }
-      // make sure factory is loaded
-      await appStore.loadClrFundInfo()
-      userStore.loginUser(user)
-      await userStore.loadUserInfo()
-      await userStore.loadBrightID()
-    } else {
-      await userStore.logoutUser()
-    }
-  } catch (err) {
-    /* eslint-disable-next-line no-console */
-    console.log('error', err)
-  }
-})
-
-watch(isUserAndRoundLoaded, async () => {
-  if (!isUserAndRoundLoaded.value) {
-    return
-  }
-
-  // load contribution when we get round information
-  await userStore.loadUserInfo()
-})
-</script>
diff --git a/vue-app/src/components/NavBar.vue b/vue-app/src/components/NavBar.vue
index c4cf5cdfc..82b50b3f6 100644
--- a/vue-app/src/components/NavBar.vue
+++ b/vue-app/src/components/NavBar.vue
@@ -53,7 +53,7 @@
               <p class="item-text">{{ $t('navBar.dropdown.rounds') }}</p>
             </links>
           </div>
-          <div v-if="isOptimisticRecipientRegistry && isActiveApp" class="dropdown-item" @click="closeHelpDropdown">
+          <div v-if="isOptimisticRecipientRegistry" class="dropdown-item" @click="closeHelpDropdown">
             <links to="/recipients">
               <div class="emoji-wrapper">💎</div>
               <p class="item-text">{{ $t('navBar.dropdown.recipients') }}</p>
@@ -87,7 +87,7 @@
 </template>
 
 <script setup lang="ts">
-import { chain, ThemeMode, isOptimisticRecipientRegistry, isActiveApp } from '@/api/core'
+import { chain, ThemeMode, isOptimisticRecipientRegistry } from '@/api/core'
 import { lsGet, lsSet } from '@/utils/localStorage'
 import { isValidTheme, getDefaultColorScheme } from '@/utils/theme'
 import { useAppStore } from '@/stores'
diff --git a/vue-app/src/components/ProjectListItem.vue b/vue-app/src/components/ProjectListItem.vue
index 009502493..a3f60107f 100644
--- a/vue-app/src/components/ProjectListItem.vue
+++ b/vue-app/src/components/ProjectListItem.vue
@@ -36,7 +36,6 @@ import { markdown } from '@/utils/markdown'
 import { useRoute, type RouteLocationRaw } from 'vue-router'
 import { useAppStore } from '@/stores'
 import { storeToRefs } from 'pinia'
-import { isActiveApp } from '@/api/core'
 
 const route = useRoute()
 const appStore = useAppStore()
@@ -74,8 +73,8 @@ const inCart = computed<boolean>(() => {
 })
 
 const isCurrentRound = computed<boolean>(() => {
-  const roundAddress = props.roundAddress || currentRoundAddress.value
-  return appStore.isCurrentRound(props.roundAddress)
+  const roundAddress = props.roundAddress || currentRoundAddress.value || ''
+  return appStore.isCurrentRound(roundAddress)
 })
 
 const shouldShowCartInput = computed<boolean>(() => {
@@ -83,20 +82,12 @@ const shouldShowCartInput = computed<boolean>(() => {
 })
 
 const projectRoute = computed<RouteLocationRaw>(() => {
-  if (isActiveApp) {
-    return route.name === 'round'
-      ? {
-          name: 'round-project',
-          params: { address: props.roundAddress, id: props.project.id },
-        }
-      : { name: 'project', params: { id: props.project.id } }
-  } else {
-    const network = currentRound.value?.network || ''
-    return {
-      name: 'leaderboard-project',
-      params: { address: props.roundAddress, network, id: props.project.id },
-    }
-  }
+  return route.name === 'round'
+    ? {
+        name: 'round-project',
+        params: { address: props.roundAddress, id: props.project.id },
+      }
+    : { name: 'project', params: { id: props.project.id } }
 })
 </script>
 
diff --git a/vue-app/src/components/RoundInformation.vue b/vue-app/src/components/RoundInformation.vue
index df625126f..b368ffe4b 100644
--- a/vue-app/src/components/RoundInformation.vue
+++ b/vue-app/src/components/RoundInformation.vue
@@ -265,7 +265,7 @@
               >
                 <img width="16" src="@/assets/info.svg" />
               </div>
-              <div v-if="isActiveApp" v-tooltip="$t('roundInfo.tooltip9')" class="add-link" @click="addMatchingFunds">
+              <div v-tooltip="$t('roundInfo.tooltip9')" class="add-link" @click="addMatchingFunds">
                 <img src="@/assets/add.svg" width="16px" />
                 <span class="add-funds-link">{{ $t('roundInfo.span1') }}</span>
               </div>
@@ -288,8 +288,8 @@
 import { ref, onMounted, computed, watch } from 'vue'
 import { DateTime } from 'luxon'
 import { hasDateElapsed } from '@/utils/dates'
-import { type RoundInfo, getRoundInfo, getLeaderboardRoundInfo } from '@/api/round'
-import { chain, isActiveApp } from '@/api/core'
+import { type RoundInfo, getRoundInfo, getStaticRoundInfo } from '@/api/round'
+import { chain } from '@/api/core'
 import { lsGet, lsSet } from '@/utils/localStorage'
 import { formatAmount as _formatAmount } from '@/utils/amounts'
 import MatchingFundsModal from '@/components/MatchingFundsModal.vue'
@@ -370,7 +370,7 @@ async function loadRoundInfo() {
     try {
       if (routeName.startsWith('leaderboard')) {
         const network = getRouteParamValue(route.params.network)
-        roundInfo.value = await getLeaderboardRoundInfo(roundAddress.value, network)
+        roundInfo.value = await getStaticRoundInfo(roundAddress.value, network)
       } else {
         roundInfo.value = await getRoundInfo(roundAddress.value, currentRound.value)
       }
diff --git a/vue-app/src/components/StaticApp.vue b/vue-app/src/components/StaticApp.vue
deleted file mode 100644
index 68accedfb..000000000
--- a/vue-app/src/components/StaticApp.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-  <div id="content" class="app-margin">
-    <breadcrumbs v-if="showBreadCrumb" />
-    <router-view :key="route.path" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useRoute, useRouter } from 'vue-router'
-import { useAppStore, useWalletStore, useUserStore, type WalletUser } from '@/stores'
-import type { BrowserProvider } from 'ethers'
-
-interface Props {
-  showBreadCrumb: boolean
-  isSidebarShown: boolean
-}
-defineProps<Props>()
-
-const route = useRoute()
-const router = useRouter()
-const appStore = useAppStore()
-const { currentRound } = storeToRefs(appStore)
-
-const userStore = useUserStore()
-const wallet = useWalletStore()
-const { user: walletUser } = storeToRefs(wallet)
-
-onMounted(async () => {
-  await appStore.loadStaticClrFundInfo()
-  appStore.isAppReady = true
-})
-
-watch(walletUser, async () => {
-  try {
-    if (walletUser.value) {
-      const user: WalletUser = {
-        chainId: walletUser.value.chainId,
-        walletAddress: walletUser.value.walletAddress,
-        web3Provider: walletUser.value.web3Provider as BrowserProvider,
-      }
-      // make sure factory is loaded
-      await appStore.loadStaticClrFundInfo()
-      userStore.loginUser(user)
-      await userStore.loadUserInfo()
-    } else {
-      await userStore.logoutUser()
-    }
-  } catch (err) {
-    /* eslint-disable-next-line no-console */
-    console.log('error', err)
-  }
-})
-</script>
-
-<style lang="scss">
-@import '../styles/vars';
-@import '../styles/fonts';
-@import '../styles/theme';
-
-.app-margin {
-  margin-right: 1.5rem;
-  @media (max-width: $breakpoint-m) {
-    margin-right: 0;
-  }
-}
-</style>
diff --git a/vue-app/src/graphql/sdk.ts b/vue-app/src/graphql/sdk.ts
index fc22db618..aea01c2b7 100644
--- a/vue-app/src/graphql/sdk.ts
+++ b/vue-app/src/graphql/sdk.ts
@@ -4,4 +4,9 @@ import { SUBGRAPH_ENDPOINT } from '@/api/core'
 import { getSdk } from './API'
 
 const client = new GraphQLClient(SUBGRAPH_ENDPOINT)
-export default getSdk(client)
+
+function getQuerySdk() {
+  return SUBGRAPH_ENDPOINT ? getSdk(client) : {}
+}
+
+export default getQuerySdk()
diff --git a/vue-app/src/router/index.ts b/vue-app/src/router/index.ts
index 86a75d5b9..e6e415a07 100644
--- a/vue-app/src/router/index.ts
+++ b/vue-app/src/router/index.ts
@@ -1,6 +1,6 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
-import { isUserRegistrationRequired, isOptimisticRecipientRegistry, isActiveApp } from '@/api/core'
+import { isUserRegistrationRequired, isOptimisticRecipientRegistry } from '@/api/core'
 
 const Landing = () => import('@/views/Landing.vue')
 const JoinLanding = () => import('@/views/JoinLanding.vue')
@@ -262,7 +262,7 @@ if (isUserRegistrationRequired) {
   )
 }
 
-if (isOptimisticRecipientRegistry && isActiveApp) {
+if (isOptimisticRecipientRegistry) {
   routes.push({
     path: '/recipients',
     name: 'recipients',
diff --git a/vue-app/src/stores/app.ts b/vue-app/src/stores/app.ts
index 65b7fc494..ad873972d 100644
--- a/vue-app/src/stores/app.ts
+++ b/vue-app/src/stores/app.ts
@@ -9,8 +9,8 @@ import {
   serializeCart,
 } from '@/api/contributions'
 import { getCommittedCart } from '@/api/cart'
-import { operator, chain, ThemeMode, recipientRegistryType, recipientJoinDeadlineConfig, isActiveApp } from '@/api/core'
-import { type RoundInfo, RoundStatus, getRoundInfo, getLeaderboardRoundInfo } from '@/api/round'
+import { operator, chain, ThemeMode, recipientRegistryType, recipientJoinDeadlineConfig } from '@/api/core'
+import { type RoundInfo, RoundStatus, getRoundInfo, getStaticRoundInfo } from '@/api/round'
 import { getTally, type Tally } from '@/api/tally'
 import { type ClrFund, getClrFundInfo, getMatchingFunds } from '@/api/clrFund'
 import { getMACIFactoryInfo, type MACIFactory } from '@/api/maci-factory'
@@ -70,11 +70,6 @@ export const useAppStore = defineStore('app', {
         return recipientJoinDeadlineConfig
       }
 
-      if (!isActiveApp) {
-        // when running in static mode, do not allow adding recipients
-        return DateTime.now()
-      }
-
       const recipientStore = useRecipientStore()
       if (!state.currentRound || !recipientStore.recipientRegistryInfo) {
         return null
@@ -470,38 +465,6 @@ export const useAppStore = defineStore('app', {
         stateIndex,
       }
     },
-    async loadStaticClrFundInfo() {
-      const rounds = await getRounds()
-      // rounds are sorted in reverse order, first one is the newest round
-      const currentRound = rounds[0]
-
-      let maxRecipients = 0
-      if (currentRound) {
-        const network = currentRound.network || ''
-        const currentRoundInfo = await getLeaderboardRoundInfo(currentRound.address, network)
-        if (currentRoundInfo) {
-          const matchingPool = await getMatchingFunds(currentRoundInfo.nativeTokenAddress)
-          this.clrFund = {
-            nativeTokenAddress: currentRoundInfo.nativeTokenAddress,
-            nativeTokenSymbol: currentRoundInfo.nativeTokenSymbol,
-            nativeTokenDecimals: currentRoundInfo.nativeTokenDecimals,
-            userRegistryAddress: currentRoundInfo.userRegistryAddress,
-            recipientRegistryAddress: currentRoundInfo.recipientRegistryAddress,
-            matchingPool,
-          }
-          this.selectRound(currentRound.address)
-          this.currentRound = currentRoundInfo
-          if (currentRoundInfo.tally) {
-            this.tally = currentRoundInfo.tally
-          }
-          maxRecipients = currentRoundInfo.maxRecipients
-        }
-      }
-      if (!this.clrFund) {
-        this.clrFund = await getClrFundInfo()
-      }
-      await this.loadMACIFactoryInfo(maxRecipients)
-    },
     async loadClrFundInfo() {
       const clrFund = await getClrFundInfo()
       this.clrFund = clrFund
diff --git a/vue-app/src/views/Leaderboard.vue b/vue-app/src/views/Leaderboard.vue
index f2e306546..03db7c637 100644
--- a/vue-app/src/views/Leaderboard.vue
+++ b/vue-app/src/views/Leaderboard.vue
@@ -79,7 +79,7 @@ onMounted(async () => {
 
   // redirect to projects view if no tally data or no static round data for leaderboard
   if (!data?.projects || !data?.tally) {
-    router.push({ name: 'round' })
+    router.push({ name: 'round', params: { address } })
     return
   }
 
@@ -98,7 +98,7 @@ onMounted(async () => {
   }
 
   try {
-    round.value = toRoundInfo(data.round, network)
+    round.value = toRoundInfo(data.round)
   } catch (e) {
     console.log('Error converting to round info', e)
   }
diff --git a/vue-app/src/views/Profile.vue b/vue-app/src/views/Profile.vue
index b4c6612e9..71a74ee7e 100644
--- a/vue-app/src/views/Profile.vue
+++ b/vue-app/src/views/Profile.vue
@@ -103,19 +103,18 @@ import CopyButton from '@/components/CopyButton.vue'
 import Loader from '@/components/Loader.vue'
 import FundsNeededWarning from '@/components/FundsNeededWarning.vue'
 
-import { userRegistryType, UserRegistryType, chain, isActiveApp } from '@/api/core'
+import { userRegistryType, UserRegistryType, chain } from '@/api/core'
 import { type Project, getProjects, getProjectsForStaticRound } from '@/api/projects'
 import { isSameAddress } from '@/utils/accounts'
 import { getTokenLogo } from '@/utils/tokens'
 import { useAppStore, useUserStore, useRecipientStore, useWalletStore } from '@/stores'
 import { storeToRefs } from 'pinia'
 import { useRouter } from 'vue-router'
-import { getLeaderboardData } from '@/api/leaderboard'
 import { formatAmount } from '@/utils/amounts'
 
 import WithdrawalModal from '@/components/WithdrawalModal.vue'
 import { useModal } from 'vue-final-modal'
-import { RoundStatus } from '@/api/round'
+import { RoundStatus, getRoundInfo } from '@/api/round'
 
 interface Props {
   balance: string
@@ -179,19 +178,24 @@ watch(recipientRegistryAddress, () => loadProjects())
 
 async function loadProjects(): Promise<void> {
   isLoading.value = true
-  let _projects: Project[] = []
+  let _projects: Project[] | undefined = undefined
 
-  if (isActiveApp) {
-    if (!recipientRegistryAddress.value) return
+  if (!recipientRegistryAddress.value) return
+
+  const currentRoundAddress = currentRound.value?.fundingRoundAddress
+  if (currentRoundAddress) {
+    const round = await getRoundInfo(currentRoundAddress, currentRound.value)
+    if (round?.projects) {
+      _projects = round.projects
+    }
+  }
+
+  if (!_projects) {
     _projects = await getProjects(
       recipientRegistryAddress.value,
       currentRound.value?.startTime.toSeconds(),
       currentRound.value?.votingDeadline.toSeconds(),
     )
-  } else {
-    const currentRoundAddress = currentRound.value?.fundingRoundAddress || ''
-    const network = currentRound.value?.network || ''
-    _projects = await getProjectsForStaticRound(currentRoundAddress, network)
   }
 
   const userProjects: Project[] = _projects.filter(
diff --git a/vue-app/src/views/ProjectList.vue b/vue-app/src/views/ProjectList.vue
index 8bc21b7c5..83fa0450a 100644
--- a/vue-app/src/views/ProjectList.vue
+++ b/vue-app/src/views/ProjectList.vue
@@ -60,7 +60,7 @@
 import { ref, computed, onMounted } from 'vue'
 
 import { getCurrentRound, getRoundInfo } from '@/api/round'
-import { type Project, getProjects, getRecipientRegistryAddress, getProjectsForStaticRound } from '@/api/projects'
+import { type Project, getProjects, getRecipientRegistryAddress } from '@/api/projects'
 
 import CallToActionCard from '@/components/CallToActionCard.vue'
 import ProjectListItem from '@/components/ProjectListItem.vue'
@@ -70,7 +70,6 @@ import { useRoute } from 'vue-router'
 import { useAppStore, useUserStore } from '@/stores'
 import { storeToRefs } from 'pinia'
 import { DateTime } from 'luxon'
-import { isActiveApp } from '@/api/core'
 import { getSecondsFromNow } from '@/utils/dates'
 
 type ProjectRoundInfo = {
@@ -124,10 +123,7 @@ onMounted(async () => {
     roundAddress.value =
       (route.params.address as string) || currentRoundAddress.value || (await getCurrentRound()) || ''
 
-    const round = isActiveApp
-      ? await loadProjectRoundInfo(roundAddress.value)
-      : await loadStaticRoundInfo(roundAddress.value)
-    await loadProjects(round)
+    await loadProjectRoundInfo(roundAddress.value)
   } catch (err) {
     /* eslint-disable-next-line no-console */
     console.error('Error loading projects', err)
@@ -135,11 +131,13 @@ onMounted(async () => {
   isLoading.value = false
 })
 
-async function loadProjectRoundInfo(roundAddress: string): Promise<ProjectRoundInfo> {
+async function loadProjectRoundInfo(roundAddress: string) {
   // defaults when a round has not been created yet
   let recipientRegistryAddress = ''
   let startTime = 0
   let votingDeadline = DateTime.local().toSeconds()
+  let network = ''
+  let roundProjects: Project[] | undefined = undefined
 
   if (roundAddress) {
     const round = await getRoundInfo(roundAddress, currentRound.value)
@@ -147,6 +145,10 @@ async function loadProjectRoundInfo(roundAddress: string): Promise<ProjectRoundI
       recipientRegistryAddress = round.recipientRegistryAddress
       startTime = round.startTime.toSeconds()
       votingDeadline = round.votingDeadline.toSeconds()
+      network = round.network || ''
+      if (round.projects) {
+        roundProjects = round.projects
+      }
     }
   }
 
@@ -155,28 +157,11 @@ async function loadProjectRoundInfo(roundAddress: string): Promise<ProjectRoundI
     recipientRegistryAddress = await getRecipientRegistryAddress(null)
   }
 
-  return { recipientRegistryAddress, startTime, votingDeadline, fundingRoundAddress: roundAddress, network: '' }
-}
-
-/**
- * Get the round information from static file rounds.json
- * @param roundAddress The funding round address
- * @returns The project round information
- */
-async function loadStaticRoundInfo(roundAddress: string): Promise<ProjectRoundInfo> {
-  await appStore.loadClrFundInfo()
-  const network = currentRound.value?.network || ''
-  const recipientRegistryAddress = currentRound.value?.recipientRegistryAddress || ''
-  const startTime = getSecondsFromNow(currentRound.value?.startTime || DateTime.now())
-  const votingDeadline = getSecondsFromNow(currentRound.value?.votingDeadline || DateTime.now())
-  return { recipientRegistryAddress, startTime, votingDeadline, fundingRoundAddress: roundAddress, network }
-}
+  if (!roundProjects) {
+    roundProjects = await getProjects(recipientRegistryAddress, startTime, votingDeadline)
+  }
 
-async function loadProjects(round: ProjectRoundInfo) {
-  const _projects = isActiveApp
-    ? await getProjects(round.recipientRegistryAddress, round.startTime, round.votingDeadline)
-    : await getProjectsForStaticRound(roundAddress.value, round.network)
-  const visibleProjects = _projects.filter(project => {
+  const visibleProjects = roundProjects.filter(project => {
     return !project.isHidden && !project.isLocked
   })
   shuffleArray(visibleProjects)