Skip to content

feat(frontend): add route loading skeleton and error boundary#234

Merged
chriswritescode-dev merged 1 commit into
mainfrom
feature/route-loading-skeleton
May 23, 2026
Merged

feat(frontend): add route loading skeleton and error boundary#234
chriswritescode-dev merged 1 commit into
mainfrom
feature/route-loading-skeleton

Conversation

@chriswritescode-dev
Copy link
Copy Markdown
Owner

Summary

  • Add route loading skeleton (AppLoadingSkeleton) for full-page transitions with sidebar, content grid, and mobile tab bar
  • Add route error boundary (RouteErrorBoundary) with network-aware detection and auto-reconnect
  • Wrap auth loaders in try/catch with graceful network error handling and default fallback config

Changes

  • frontend/src/App.tsx — wires up useNavigation() loading state, errorElement, and HydrateFallback
  • frontend/src/components/ui/AppLoadingSkeleton.tsx (new) — full-page skeleton component
  • frontend/src/components/ui/RouteErrorBoundary.tsx (new) — error boundary with offline detection
  • frontend/src/lib/auth-loaders.ts — wraps loaders in try/catch with graceful network error handling

Checks

  • pnpm lint
  • pnpm build

@chriswritescode-dev chriswritescode-dev merged commit 78f30c8 into main May 23, 2026
3 checks passed
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