How can I run static + dynamic site under same domain?

I am trying/figuring out, how to run a static site (SSG) + dynamic app (using Next.js SSR) serve pages under same domain.

For example

Static site
Hosted on Cloudflare pages
  • /
  • /pricing
  • /features
  • /contact
  • /help
Dynamic site
Currently hosted elsewhere

  • / (if auth cookie is present show the dynamic site with user logged-in)
  • /settings (if auth cookie is present)
  • /<username>
How can I merge both the sites together to be severed from single domain?
Was this page helpful?