This is a very simple example where I have two product pages, each page with a filtered data source (read: Data View).
The Server Connect, containing all records is loaded once when the Home page is loaded
When the first product page is shown, there is no interaction with the back-end, only the HTML page is loaded.
The same happens with the second product page
This is what the filter looks like:
<dmx-data-view id="dvProduct" dmx-bind:data="scProducts.data.qryProducts" filter="productsub == browser.location.pathparts[1]"></dmx-data-view>
where I have used pathparts For my local system, pathname would have included the site directory, SPA/
What this shows is that all of the activity should be placed in the main document rather than in each individual section.