Repository navigation
enhancement: Add Next.js loading.tsx skeleton for country leaderboard pages #276
Description
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?
Comment assign me to be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨
Activity