Vue 3 Server Side Rendering Example

Example project that demonstrates the new Vue 3 Server Side Rendering APIs and Capabilities:

• vue-router@next
• vuex@next
• prefetch data

Please follow the video tutorial for more information.

Follow us on

For TS

Checkout ts branch

Server Side Rendering with Vue.js 3

Getting Started

Test in:

• Repl.it: https://repl.it/@Modus/vue3-example-ssr

Project setup

npm ci

Build server and client parts, start ssr server

npm run ssr

*Note: The pressr script will create a SSR build before running src/server.js.

Compiles and hot-reloads for development

npm run serve

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Modus Create

{replace PROJECT_NAME in links below with the name of this project}

Modus Create is a digital product consultancy. We use a distributed team of the best talent in the world to offer a full suite of digital product design-build services; ranging from consumer facing apps, to digital migration, to agile development training, and business transformation.

This project is part of Modus Labs.

Licensing

This project is MIT licensed.