返回首页
最新
最小新闻
一个快速、简约且眼睛舒适的 Hacker News 阅读器,基于 Next.js 和 Tailwind CSS 构建。该项目专注于干净的用户界面和使用现代网页技术的高效数据获取。
<a href="https://minimal-news-seven.vercel.app/" rel="nofollow">https://minimal-news-seven.vercel.app/</a>
功能
- 浏览热门、新增、问答 HN、展示 HN 和职位故事。
- 查看单个故事的详细信息和评论。
- 针对不同屏幕尺寸的响应式设计。
- 眼睛舒适的主题,提供舒适的阅读体验。
- 动态元数据和基本的 SEO 实现。
- 使用 Suspense 实现内容和分页的独立加载状态。
- 细腻的入场动画,提升用户体验。
使用的技术
- 框架:Next.js(应用路由)
- 语言:TypeScript
- 样式:Tailwind CSS
- UI 组件:Shadcn UI
- 动画:tw-animate-css
- 数据获取:服务器组件、fetch API、内部 API 路由
- 外部 API:Hacker News API
- 源代码:<a href="https://github.com/yasseen-codes/minimal-news">https://github.com/yasseen-codes/minimal-news</a>
请给我反馈,如果你喜欢这个项目,请给我一个星星 :)