vue.jsvuejs2vue-routermulti-page-application

How to manage VUE routing builiding a MPA webpage?


I'm new using Vue.js. I'm trying to build the frond-end design for a large system for a company. In this system the users have an account where they can access multiple pages to administrate their accounts, interactuate with other accounts, make appoinments, administrate or delete other users, etc. I think that since is a big system, I should use a MPA aproach, because I've read that SPA should not be used for webpages as blogs or online shops because those webpages that are constantly getting updated (as this system will be). My question is: I can't find a propper guide to configure MPA on vue, is there one guide for this?

I already followed up this stackoverflow anwser by PJ.Wanderson: multiple pages in Vue.js CLI but is still have doubts.

Should I still be using the vue router? What kind of configuration should I use there?

How can I handle routes with parameters in this case? Should I use SSR too in this case?

Thanks in advance.


Solution

  • If you want to build a MPA in Vuejs, your best bet is building it in Nuxt. Nuxt wil handle all the SSR for you. I'm wondering why even build it in Vue in the first place? The reason there isn't that much information on MPA's with Vuejs is because most people build SPA's with it. Another alternative would be to build a SPA in Vuejs and deploy that on a subdomain. Then have al your marketing and other relevant pages on a simple wordpress site. Hope this helped.