Nuxt.js Hacker News
HackerNews clone built with Nuxt.js.
Modes
- Universal: https://hn.nuxtjs.org
Hosted on Now 2:
npm run build+now.json
- Single Page: https://hn-spa.nuxtjs.org
Hosted on Netlify:
npm run build-spa+dist/directory
Performance
- Lighthouse 100/100 - Webpagetest
- Interactive (Faster 3G) 3.5s
- Interactive (Emerging Markets) 3.8s
Features
- Server Side Rendering
- 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
- Hosted on Now 2
Build Setup
Requires Node.js 8+
# install dependencies
npm install # or yarn
# serve in dev mode, with hot reload at localhost:3000
npm run dev
# build for production (universal)
npm run build
# serve in production mode (universal)
npm start
# build for production (spa)
npm run build-spa
# serve in production mode (spa)
npm run start-spa # or upload dist/ directory
# validate code with ESLint (with Prettier)
npm run lint
# validate and fix with ESLint (with Prettier)
npm run lintfix
Links
For the communiy typescript fork please see nuxt-community/hackernews-nuxt-ts
License
MIT
Credits
This repository is originally ported from vue-hackernews-2.0