Nuxt JS - Distinct layouts for mobile and desktop devices. Nuxt.js gives you a great pattern with the layout feature. You can use for each page component a different layout by using the layout property.

So you can use practically different elements, like navigations, sidebars, or footer elements.
But how can you set the layout dynamically? And how can you differentiate between mobile and desktop?

And of course, this should work for both available modes, the universal app with server-side rendering and the regular single-page app, which includes the nuxt generate feature to build a completely static website.

#nuxt