[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70646":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":15,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":16,"rankGlobal":9,"rankLanguage":9,"license":17,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":9,"pushedAt":9,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":15,"starSnapshotCount":15,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},70646,"vue-hackernews-2.0","vuejs\u002Fvue-hackernews-2.0","vuejs","HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering",null,"JavaScript",10867,2123,301,112,0,69.98,"MIT License",false,"master",true,[],"2026-06-12 04:00:56","# vue-hackernews-2.0\n\nHackerNews clone built with Vue 2.0 + vue-router + vuex, with server-side rendering.\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fvue-hn.herokuapp.com\" target=\"_blank\">\n    \u003Cimg src=\"https:\u002F\u002Fcloud.githubusercontent.com\u002Fassets\u002F499550\u002F17546273\u002F5aabc5fc-5eaf-11e6-8d6a-ad00937e8bd6.png\" width=\"700px\">\n    \u003Cbr>\n    Live Demo\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n## Features\n\n> Note: in practice, it is unnecessary to code-split for an app of this size (where each async chunk is only a few kilobytes), nor is it optimal to extract an extra CSS file (which is only 1kb) -- they are used simply because this is a demo app showcasing all the supported features.\n\n- Server Side Rendering\n  - Vue + vue-router + vuex working together\n  - Server-side data pre-fetching\n  - Client-side state & DOM hydration\n  - Automatically inlines CSS used by rendered components only\n  - Preload \u002F prefetch resource hints\n  - Route-level code splitting\n- Progressive Web App\n  - App manifest\n  - Service worker\n  - 100\u002F100 Lighthouse score\n- Single-file Vue Components\n  - Hot-reload in development\n  - CSS extraction for production\n- Animation\n  - Effects when switching route views\n  - Real-time list updates with FLIP Animation\n\n## A Note on Performance\n\nThis is a demo primarily aimed at explaining how to build a server-side rendered Vue app, as a companion to our SSR documentation. There are a few things we probably won't do in production if we were optimizing for performance, for example:\n\n- This demo uses the Firebase-based HN API to showcase real-time updates, but the Firebase API also comes with a larger bundle, more JavaScript to parse on the client, and doesn't offer an efficient way to batch-fetch pages of items, so it impacts performance quite a bit on a cold start or cache miss.\n\n- In practice, it is unnecessary to code-split for an app of this size (where each async chunk is only a few kilobytes so the extra request isn't really worth it), nor is it optimal to extract an extra CSS file (which is only 1kb).\n\nIt is therefore not recommended to use this app as a reference for Vue SSR performance - instead, do your own benchmarking, and make sure to measure and optimize based on your actual app constraints.\n\n## Architecture Overview\n\n\u003Cimg width=\"973\" alt=\"screen shot 2016-08-11 at 6 06 57 pm\" src=\"https:\u002F\u002Fcloud.githubusercontent.com\u002Fassets\u002F499550\u002F17607895\u002F786a415a-5fee-11e6-9c11-45a2cfdf085c.png\">\n\n**A detailed Vue SSR guide can be found [here](https:\u002F\u002Fssr.vuejs.org).**\n\n## Build Setup\n\n**Requires Node.js 7+**\n\n``` bash\n# install dependencies\nnpm install # or yarn\n\n# serve in dev mode, with hot reload at localhost:8080\nnpm run dev\n\n# build for production\nnpm run build\n\n# serve in production mode\nnpm start\n```\n\n## License\n\nMIT\n","vuejs\u002Fvue-hackernews-2.0 是一个基于 Vue 2.0、vue-router 和 vuex 构建的 HackerNews 克隆项目，支持服务器端渲染。该项目的核心功能包括服务器端数据预取、客户端状态和 DOM 水合、路由级代码分割以及渐进式 Web 应用特性，如应用清单和服务工作者。此外，它还展示了单文件 Vue 组件的热重载开发体验和生产环境下的 CSS 提取，同时提供了一些动画效果以增强用户体验。适合用于学习 Vue.js 的服务器端渲染技术及构建复杂单页应用的开发者参考，特别是那些希望了解如何将这些技术应用于实际项目的人员。",2,"2026-06-11 03:33:10","high_star"]