Skip to content

Comments

feat: add loading skeletons, error boundaries and not-found pages#252

Merged
james-cross merged 1 commit intostagingfrom
feat/loading-and-error-states
Feb 20, 2026
Merged

feat: add loading skeletons, error boundaries and not-found pages#252
james-cross merged 1 commit intostagingfrom
feat/loading-and-error-states

Conversation

@james-cross
Copy link
Collaborator

Summary

Add Next.js loading skeletons, error boundaries and not-found pages for all routes that fetch server-side data. This gives users immediate visual feedback during navigation and graceful fallbacks when things go wrong.

Changes

  • Loading skeletons (loading.tsx) for 5 routes: homepage, location pages, organisation search, organisation detail, and resource pages. Each skeleton mirrors the actual page layout using Tailwind animate-pulse placeholder blocks.
  • Error boundaries (error.tsx) for 3 routes: global app-level, location pages, and organisation detail. Each provides a "Try again" button via the reset() function and a contextual navigation link.
  • Not-found pages (not-found.tsx) for 2 dynamic routes: location pages (/[slug]) and organisation detail (/find-help/organisation/[slug]). Each provides contextual messaging and navigation links.

Testing

  • All 466 unit tests pass
  • TypeScript compiles cleanly with no errors
  • ESLint passes with no warnings
  • Production build succeeds
  • Loading states verified by navigating between routes in development

@james-cross james-cross force-pushed the feat/loading-and-error-states branch from 878a8c9 to 04c6527 Compare February 20, 2026 19:19
@james-cross james-cross merged commit 7e81e2b into staging Feb 20, 2026
6 checks passed
@james-cross james-cross deleted the feat/loading-and-error-states branch February 20, 2026 19:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant