https://github.com/pfan123/battery

The blog system
https://github.com/pfan123/battery

Last synced: 6 days ago
JSON representation

The blog system

• Host: GitHub
• URL: https://github.com/pfan123/battery
• Owner: pfan123
• License: mit
• Created: 2017-12-19T06:16:36.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-03-01T01:55:15.000Z (almost 6 years ago)
• Last Synced: 2024-11-11T16:43:07.878Z (2 months ago)
• Language: JavaScript
• Size: 6.09 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# battery

battery clone built with Vue 2.0 + vue-router + vuex, with server-side rendering.



  

    

    


    Live Demo

  



## Features

> Note: in practice, it is unnecessary to code-split for an app of this size (where each async chunk is only a few kilobytes), nor is it optimal to extract an extra CSS file (which is only 1kb) -- they are used simply because this is a demo app showcasing all the supported features. In real apps, you should always measure and optimize based on your actual app constraints.

- Server Side Rendering

  - Vue + vue-router + vuex working together

  - Server-side data pre-fetching

  - Client-side state & DOM hydration

  - Automatically inlines CSS used by rendered components only

  - Preload / prefetch resource hints

  - Route-level code splitting

- Progressive Web App

  - App manifest

  - Service worker

  - 100/100 Lighthouse score

- Single-file Vue Components

  - Hot-reload in development

  - CSS extraction for production

- Animation

  - Effects when switching route views

  - Real-time list updates with FLIP Animation

## Architecture Overview



**A detailed Vue SSR guide can be found [here](https://ssr.vuejs.org).**

## Build Setup

**Requires Node.js 7+**

``` bash

# install dependencies

npm install # or yarn

# serve in dev mode, with hot reload at localhost:8080

npm run dev

# build for production

npm run build

# serve in production mode

npm start

```

## License

MIT