Pub Trivia App Uses 11 Distinct Loading Skeletons for Dashboard, None for Marketing Site
The Pub Trivia web application maintains two distinct user experiences on the same domain. Its marketing site contains no loading states because its 70 of 72 pages are pre-rendered and served as static files from a CDN, making loading states unnecessary. In contrast, the user dashboard requires 11 separate loading.tsx skeleton files totaling 719 lines of code. Each dashboard page loads account-specific data that cannot be pre-rendered or cached, creating a need for loading states during navigation. The developers implemented route-specific skeletons that mirror the exact layout of incoming content to prevent visual reflow and enhance perceived performance.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)
Log in to join the discussion and vote.
Log in