Home

Hi,

Is there a way for a single nuxtjs webapp to serve multiple webapps on different domains for instance like so:

webapp1.com -> pages/webapp1/index.vue
webapp2.com -> pages/webapp2/index.vue

The problem is these sites will have most of the background functionality, layouts, stylesheets in common, only the purpose is slightly different and so some text and pictures are different.
So I would like to avoid maintaining them as two different projects.

I managed to set this up nginx to serve webapp1 and webapp2 by adding their individual paths. Everything loads well first but in the end of it it errors out with:

vue.runtime.esm.js:574 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside

, or missing

. Bailing hydration and performing full client-side render.

Any suggestions?

Nicklas