/vue-ssr

SSR building based on Vue3 + Vite3

Primary LanguageJavaScriptMIT LicenseMIT

SSR building based on Vue3 + Vite3

πŸ›  Tech Stack: Vite3 + Vue3 + Pinia + VueRouter4 + Express
πŸ“ Document：Vue3+Vite3 SSR基本搭建

Getting Started

  • dev
pnpm install
pnpm dev
  • prod
pnpm install
pnpm build
pnpm serve
  • test
pnpm install
pnpm test

File list

β”œβ”€ src
β”‚  β”œβ”€ hooks
β”‚  β”œβ”€ pages
β”‚  β”œβ”€ router // VueRouter
β”‚  β”œβ”€ store // Pinia
β”‚  β”œβ”€ types
β”‚  β”œβ”€ App.vue
β”‚  β”œβ”€ entry-client.ts // mount dom && replace data
β”‚  β”œβ”€ entry-server.js // replace html strings and static resources
β”‚  └─ main.ts // create app
β”‚
β”œβ”€ __tests__
β”‚  β”œβ”€ test-server // test server startup file
β”‚  └─ vuessr.spec.ts // vue ssr test
β”‚
β”œβ”€ server.js // server file
β”œβ”€ start-server.js // server startup file
β”œβ”€ vite.config.ts
// ...