News Hatch

Live Demo

Motivation

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

Features

• Server Side Rendering & Caching
• Code Splitting
• Single-file Vue Components
• Critical Path CSS
• 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.