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 於 1 天前認領。 未關閉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 於 5 天前認領。 未關閉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 於 5 天前認領。 未關閉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 於 7 天前認領。 未關閉beginner friendly easy enhancement good first issue ui
O2sa/DevImpact#265 · 2 則留言 · 已指派 1 人 ·
維護者通常 1 天內回覆
相似的 Issue
-
bug triage
難度 2/5 1-3 小時 新手友好度 74/100
維護者通常 1 天內回覆
-
hemi-earn
難度 2/5 1-3 小時 新手友好度 82/100
vetro-protocol/vetro-monorepo#1043 ·
維護者通常 1 天內回覆
-
stage 2: bare names resolve against PATH differently from the shell (empty and relative entries)未關閉
難度 2/5 1-3 小時 新手友好度 82/100
STRML/omp-classifier#206 ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 70/100
atlassian-labs/mermaid-diagrams-viewer#188 ·
維護者通常 1 天內回覆
-
dashboard enhancement
難度 2/5 1-3 小時 新手友好度 76/100
Olanetsoft/agent-lookout#225 ·
維護者通常 1 天內回覆