https://github.com/kevguy/vue-hackernews-2.0-typescript

HackerNews clone built with TypeScript, Vue 2.0, vue-router & vuex, with server-side rendering
https://github.com/kevguy/vue-hackernews-2.0-typescript

Last synced: about 1 month ago
JSON representation

HackerNews clone built with TypeScript, Vue 2.0, vue-router & vuex, with server-side rendering

• Host: GitHub
• URL: https://github.com/kevguy/vue-hackernews-2.0-typescript
• Owner: kevguy
• Created: 2017-12-13T15:30:29.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-26T03:17:25.000Z (about 7 years ago)
• Last Synced: 2024-11-11T06:46:39.428Z (3 months ago)
• Language: Vue
• Homepage:
• Size: 236 KB
• Stars: 38
• Watchers: 4
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-hackernews-2.0 with TypeScript

HackerNews clone built with TypeScript + 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