https://github.com/tejasbubane/vue-ssr

Sample VueJS Application with server-side rendering
https://github.com/tejasbubane/vue-ssr

hydration javascript routing server-side-rendering vuejs vuejs-router vuejs2 webpack

Last synced: 11 days ago
JSON representation

Sample VueJS Application with server-side rendering

• Host: GitHub
• URL: https://github.com/tejasbubane/vue-ssr
• Owner: tejasbubane
• Created: 2018-06-01T18:28:55.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-06-05T18:14:15.000Z (over 6 years ago)
• Last Synced: 2024-11-13T16:41:55.923Z (2 months ago)
• Topics: hydration, javascript, routing, server-side-rendering, vuejs, vuejs-router, vuejs2, webpack
• Language: JavaScript
• Size: 156 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-ssr

A Simple Vue.js project to demonstrate `server-side rendering with VueJS` from the ground-up (without using any framework like [nuxtjs](https://nuxtjs.org/)).

This helped me understand the nitty-gritties of server-side rendering in general.

Also performs client-side `hydration` which allows app routing to work client-side once the html is loaded first time.

## Build Setup

Here's how you run can see things in action:

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for server-side rendering

npm run build # build client bundle

npm run build-server # build server bundle

# Run express server to serve assets server-side

node server.js

```

Detailed description of everything can be found in the official [VueJS SSR Guide](https://ssr.vuejs.org/guide).