enhancement: Add Next.js loading.tsx skeleton for country leaderboard pages
维护者通常 1 天内回复
@virtuallynaman 已经在做这个了。
开始于 2026年10月28日。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 82/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- next.js, react, typescript
调研方向
阅读 src/app/leaderboard/[country] 和现有的 DashboardSkeleton，以匹配国家页面的布局。创建所要求的两个 loading.tsx 文件，并包含 AppHeader、匹配的表格或卡片骨架以及 AppFooter；当两个 leaderboard 路由都在数据加载期间显示加载布局时，即为完成。
由索引模型根据 Issue 内容生成。
描述
When navigating between countries in /leaderboard/[country], there is no route-level loading.tsx file. Next.js App Router uses loading.tsx to instantly stream an instant loading state during server rendering.
Motivation
Adding a route-level loading.tsx with skeleton cards prevents perceived lag and layout shift during ISR/SSR country data loading.
Tasks
- Create
src/app/leaderboard/[country]/loading.tsxandsrc/app/leaderboard/loading.tsx. - Render
AppHeader, a table skeleton or cards skeleton matchingDashboardSkeleton, andAppFooter.
Files to Check
src/app/leaderboard/[country]/loading.tsxsrc/app/leaderboard/loading.tsx
[!TIP]
🚀 Want to contribute?
Commentassign meto be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨
- 主要语言
- TypeScript
- 星标
- 31
- 派生
- 25
- 平均合并
- 10 小时 4 分钟
- 30 天内合并 PR
- 29
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
O2sa/DevImpact 的其他 Issue
-
enhancement: Add body scroll lock and top-right close button to README Badge Modal可能已有人在做 @Navid-007 今天认领。 未关闭a11y beginner friendly easy enhancement good first issue ui
难度 2/5 1-3 小时 新手友好度 82/100
O2sa/DevImpact#275 · 2 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
bug: InsightsList incorrectly favors User 1 when metrics are tied可能已有人在做 @sarmad-jalil 于 4 天前认领。 未关闭beginner friendly bug easy good first issue typescript
难度 2/5 1-3 小时 新手友好度 90/100
O2sa/DevImpact#268 · 2 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
feature: Add custom branded not-found.tsx page for 404 routes可能已有人在做 @sarmad-jalil 于 4 天前认领。 未关闭beginner friendly easy feature good first issue nextjs ui
O2sa/DevImpact#271 · 2 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
enhancement: Add 1-click Clear button (X) inside SearchField可能已有人在做 @aryansinha1908 于 6 天前认领。 未关闭beginner friendly easy enhancement good first issue ui
O2sa/DevImpact#265 · 2 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
相似的 Issue
-
b:minor bug
难度 2/5 1-3 小时 新手友好度 76/100
software-mansion/argent#1698 ·
维护者通常 1 天内回复
-
e2e-failure ready-to-code
难度 2/5 1-3 小时 新手友好度 72/100
redhat-developer/rhdh-plugin-export-overlays#4624 · 1 条评论 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 82/100
better-auth/better-auth#12132 · 1 个 reaction ·
维护者通常 1 天内回复
-
automation missing-model model-sync provider:tinfoil
难度 2/5 1-3 小时 新手友好度 68/100
anomalyco/models.dev#12053 ·
维护者通常 1 天内回复
-
o8 next debug build aborts on Glass to Dark appearance switch (nil identifier messaged before check)未关闭bug
难度 2/5 1-3 小时 新手友好度 78/100
hurttlocker/o8#5112 ·