Is it possible to make a store catalog as a single html file?

Question

Search Engine Optimization

the store catalog is simple - one small tree of products, 50 pieces of products and all of the same theme,

what if all this is on one page and javascript animates all this tree and enable-disable sections for display

how can I make a store catalog without reloading the page?

Do I understand correctly that each product should have its own separate page?
so that the buyer can copy its url to himself, is it

normal to do this -
there are separate pages for each product - and the user can copy the url of the product page
and there is html (without meta tag titles, etc.) of these pages stored in separate files
, this html data is loaded into the main page

Answer 1

As the simplest and fastest option: includeHTML .
Add to write to history and change content:

let state = {};
let title = 'new page title';
let url = 'urlToNewPageHTML.html';
history.pushState(state, title, url);
document.body.innerHTML = newPageHTML;

Answer 2

Make an ajax product filter and ajax content upload

Answer 3

maybe
in the question I didn’t see what your problem is in the implementation