News Hatch

Live Demo

Motivation

News Hatch is a clone of popular news site built with Nuxtjs.

Features

• [x] Server Side Rendering & Caching
• [x] Code Splitting
• [x] Single-file Vue Components
• [x] Critical Path CSS
• [x] Hot reloading dev environment integrated with ESLint and Prettier
• [ ] Testing using vue-test-utils and Jest
• [ ] PWA support.

Tech

• Nuxtjs
• Vuejs
• Vuex
• Travis CI
• Heroku

The site is deployed automatically by a travis job whenever the branch develop is updated.

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

Inspirations

Inspired by nuxt/hackernews, techinasia, oxii and other news sites.