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を読み、国別ページのレイアウトに合わせます。要求された2つの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分
- マージ済み PR（30日）
- 29
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
O2sa/DevImpact のほかの issue
-
a11y beginner friendly easy enhancement good first issue ui
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
メンテナーはふだん 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
-
fix(worker): keep normal prepare waiting states failure-free対応中かも @LichKing-2234 が今日担当しました。 オープンagent:codex priority:P1
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
AgoraIO-Extensions/agent-infra#3745 ·
メンテナーはふだん 1 日以内に返信
-
The five-line work window can drop its oldest line: the per-line byte share ignores the JSON framing対応中かも @Eapp1e が今日担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
makecindy/cindy#7973 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
難易度 1/5 1時間未満 初心者へのやさしさ 78/100
lingdojo/kana-dojo#33337 · コメント 1 件 · リアクション 5 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
code-yeongyu/senpi#4917 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信