vue-news icon indicating copy to clipboard operation
vue-news copied to clipboard

A news portal built by Nuxt, Vue and NewsAPI for mobile devices

Build Status

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

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.