namwebdev/vue3-ssr-realworld-example-app

Vue3 Realworld app with SSR

Vue 3 Realword app with Server Side Sendering (SSR)

This is an experiment with a try to clone the original repo and add SSR using latest Vite2 features

What works?

• Vite
• Composition API
• Suspense
• TypeScript
• ESLint
• Vue router
• Harlem
• Vetur Tools: VTI and Interpolation
• SSR with Vite2 HMR

Getting started

git clone https://github.com/levchak0910/vue3-ssr-realworld-example-app.git
cd vue3-ssr-realworld-example-app
yarn install
yarn build
yarn serve

For development

yarn dev

Test performance

yarn perf

Acknowledges

• @mutoe and contributors - for original repo
• @andrewcourtice - for state manager with ssr support
• @tbgse - for example how to use vite for creating ssr bundles
• @yyx990803 - for another example how to use vite2 for creating ssr apps

Vue related implementations of the Realworld app

gothinkster/vue-realworld-example-app - vue2, js
AlexBrohshtut/vue-ts-realworld-app - vue2, ts, class-component
devJang/nuxt-realworld - nuxt, ts, composition api
mutoe/vue3-realworld-example-app - vue3, vite, ts, composition api