Skip to content

Add a global App Router error boundary and not-found page #87

Description

@mikewheeleer

Implement global error and not-found boundaries

Description

The app has route-level loading.js files under app/invest/loading.js and app/invoices/loading.js but no error.js or not-found.js, so an unexpected render error or unknown URL falls back to Next.js defaults that clash with the dark slate/cyan theme. This issue adds branded error and 404 boundaries that reuse ErrorBanner.

Requirements and context

  • Repository scope: Liquifact/Liquifact-frontend only.
  • Create app/error.js (client component) using components/ErrorBanner.jsx with a reset action and the dark theme background.
  • Create app/not-found.js with a link back home and consistent styling.
  • Optionally add app/global-error.js for layout-level failures.
  • Reuse copy/en.js strings; add any new copy keys there rather than inlining text.

Suggested execution

  • Fork the repo and create a branch
  • git checkout -b feature/routing-09-error-notfound-boundaries
  • Implement changes
  • Test and commit

Test and commit

  • Run npm run lint, npm test, and npm run build.
  • Cover edge cases: reset re-render and unknown route navigation.
  • Include the full npm test output.

Example commit message

feat: add global error boundary and branded not-found page

Guidelines

  • Minimum 95 percent test coverage for impacted modules.
  • Clear, reviewer-focused documentation.
  • Timeframe: 96 hours.

Community & contribution rewards

  • 💬 Join the Liquifact community on Discord for questions, reviews, and faster merges: https://discord.gg/JrGPH4V3
  • ⭐ This is a GrantFox OSS / Official Campaign task and may be rewarded. When your PR is merged you'll be prompted to rate the project — if this issue and the maintainers helped you ship, we'd be grateful for a 5-star rating. Clear questions in Discord and tidy, well-tested PRs are the fastest path to a merge and a reward.

Metadata

Metadata

Fields

No fields configured for Feature.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions