SPAs are not optimal regarding SEO to begin with. However, there are some widely adopted patterns and solutions that can help you build an SEO-friendly SPA. One of them is SSR, which stands for Server Side Rendering. This means that the page, instead of generating HTML in the users’ browser, will do it on the server even before the content is delivered to the user.
Vue provides a great official guide for SSR that covers the whole topic in-depth, but if you just need SSR and don’t feel like having to worry about extra setup, the recommended way is to use the Nuxt.js framework we mentioned a few times before.
Not only will you get SSR out-of-the-box, but it also has you covered if, for some reason, SSR seems like too much and you only need to generate a few static pages based on your application’s output.