HackerNews clone built with Nuxt.js.

Live Demo

• Lighthouse 100/100 - Webpagetest
• Interactive (Faster 3G) 3.5s
• Interactive (Emerging Markets) 3.8s

• Server Side Rendering & Caching
• Code Splitting
• Single-file Vue Components
• Real-time List Updates with FLIP Animation
• Prefetch/Preload JS + DNS + Data
• Critical Path CSS
• PWA experience using PWA Module with almost zero config
• PRPL
• Hot reloading dev environment integrated with ESLint and Prettier

Requires Node.js 6+

# install dependencies
npm install # or yarn

# serve in dev mode, with hot reload at localhost:3000
npm run dev

# build for production
npm run build

# serve in production mode
npm start

# validate code with ESLint (with Prettier)
npm run lint

# validate andf fix with ESLint (with Prettier)
npm run lintfix

{
    "version": 2,
    "name": "nuxt-news",
    "public": true,
    "builds": [
        { "src": "nuxt.config.js", "use": "@bluebeel/nuxt" }
    ],
    "routes": [
        { "src": "^/(.+)\\.(.+)$", "dest": "/$1.$2" },
        { "src": "^/item/([\\d/]+)$", "dest": "/item/_id" },
        { "src": "^/user/([^/]+)$", "dest": "/user/_id" },
        { "src": "^/([^/]+)(/([\\d/]+))?$", "dest": "/_feed/_page" }
	]
}

The defined routes allow to manage the dynamic routes of the application Nuxt.js Hacker News.

MIT

This repository is originally ported from vue-hackernews-2.0