SvelteKit

Hello everybody! I want to create an easy to use website (and simplified) builder. Users create a site, add their domain and edit Pages inside an Admin Area inside predefined "Blocks" like with Wagtail.

There should be several default templates/themes and layouts. Choosing a different theme might change both the layout and styling. And I'm looking for SSR or SSG with a focus on the end-user's Page performance.

Current Stack:

• GraphQL for the dynamic part (for example data to Pricing might not be required on the homepage, or images might go into gallery in one theme, and on the homepage in another theme)

• FastAPI and SQLAlchemy to store Data. I have prior experience with Wagtail and Django and want to stay with Python and learn Fastapi

• NGINX to handle domain-specific things (the how is not yet refined)

I want a scalable architecture and especially a fast frontend. I'm tending to use SvelteKit, but I'm afraid that the dynamic part won't make me happy after having hundreds of sites, as the bundler cannot load themes dynamically. sveltekit - dynamic import

I want to handle the scenario: Admin-User chooses a theme and other options for the site (domain) and the End-User Frontend/Session/Cookie will have to fetch and store data about the theme and load subsequent calls to prerendered sites.

Also the "hundreds of sites" might not be all covered by 5 Themes, because users may purchase a custom-made theme, and I would have to manage one big project having lots of different Styleguides and flows. I even thought of statically building the site whenever the user makes a change, maybe using Hugo (or VitePress?). Then I would have to take more care with the page recreation and it would be easily routable instead of nesting every component with logic in the frontend... I think. But this I haven't thought through yet.

Can anyone please help?

React is pretty much the standard nowadays. Companies of all sizes released integrations: the ecommerce ones too. I will bring up Shopify , that released their Hydrogen

There are (arguably) much better tools than React, you are right. There's Svelte (SvelteKit) , Solid.js, and more. They all suffer from morer or less the same issue, though (when it comes to SEO, at least).

The problem is not with React , it's with SPAs. It used to be (and still is sometimes) that search engines' bots wouldn't run JavaScript , meaning they wouldn't see anything on the page. Nowadays, it is said they do load it, but that takes longer than loading the HTML, which is what they are mostly interested in.

So what do you do? You use a static site generator, a prerenderer, a static site, or a server-side rendered site. Next.js does both SSG & SSR, which is why your Next.js sites should rank higher than the plain React sites (assuming the same content & structure).

I hope this answers your question.