guide/front

@vert/vue-ssr-template

Vue project template with SSR, Vert and TypeScript support.

A tiny demo to show how to use @vert/core.

You can use this as your vert template.

Features

• Webpack 4.
• Vue SSR support.
• Full TypeScript.
• Code in OOP.
• @vert/core support.

Commands

• client:dev - Start developing environment of client content.
• client:build - Build client content.
• server:dev - Start developing environment of ssr server.
• server:build - Build ssr content.
• build-all - Run client:build and server:build at same time. Please run this command for deployment.
• start:dev - Run client:dev and server:dev at same time. Please run this command for development.
• start:prod - Start ssr server in production environment. You should run build-all first to make it works.

Development

Normally just run start:dev to start both normal http and ssr environment, and then:

• Go localhost:4000 for normal http environment.
• Go localhost:5000 for SSR-enabled environment.

Ports setting is stored in build/build-config.js.

Production

Run build-all to files for production.

Then,

• Send your static files which are located in dist/ to your (CDN) server.
• If you want to host a SSR server, the simplest way is to send the whole project to somewhere and run start:prod. But you can also build service by your own, just transfer vue-bundle-json files under dist/ to your location and setup your API Gateway.