Experimental Vue 3 Server Side Rendering

Vue 3 Server Side Rendering

This is an expermental SSR setup with Vue 3.

Currently there’s no HTML template support or automatic state serialization. Those should be handled manually by updating server/utils/render.js.

Scripts

You can run the following scripts with yarn or npm like yarn install

Script	Description
install	Project setup
dev	Compile and start development server with hot-reload
build	Compile and minify for production
start	Start production server
lint	Run linting for the entire project

Linting

I use Prettier, ESlint, and eslint-plugin-vue with vue3-essential settings. You can edit .eslintrc.js to edit settings to your personal preference.

CSS

All CSS will be extracted into a single file. Using Tailwind CSS, you’re not supposed to be writing a lot of CSS, so splitting stylesheets is not required. If you don’t want to use Tailwind CSS, you’ll need to update webpack configs.

Download Details:

Author: ozguruysal

Source Code: https://github.com/ozguruysal/vue3-ssr

#vue #vuejs #javascript