Single-page (SPA) Prerendering

Single-page (SPA) Prerendering

Get almost all the advantages of SSR, including near instant page load times, no flash of unstyled content, improved SEO and more, without the disadvantages of SSR. Most websites can benefit from pre-rendering without the need for SSR. Run the following command to build your application for production and generate HTML files for some routes or even all routes of your application. The build will be stored in the dist/ directory.

Run the Prerendered SPA production build of your application in your browser at http://localhost:8080/:

Prerender Configuration

Configure the routes for prerendering in vue.config.js. By default, we're loading all routes programmatically and generate the multi-layout routes used in the demo.