DogStark / DogStark/petChain-Frontend

[Frontend] Add route-level error boundaries with recovery and correlation IDs

Open
#945 2 comments 0 reactions 0 assignees View on GitHub
Stellar Wave
Dominant language
TypeScript
Stars
3
Forks
158
Avg merge
3d 6h
Merged PRs (30d)
36

Description

## Problem
A rendering or data failure in one Next.js route can leave users with a blank screen and no actionable support context.

## Scope
Add route/layout error boundaries, safe fallback UI, retry behavior, and a redacted correlation ID shared with API error reporting.

## Acceptance criteria
- Protected and public route groups each have an error boundary.
- Retry resets only the failed segment and does not duplicate mutations.
- Fallbacks work with JavaScript disabled as appropriate and are keyboard accessible.
- Correlation IDs contain no wallet, pet, or health data and appear in support diagnostics.
- Tests cover render exceptions, rejected loaders, retry, navigation, and 404/500 behavior.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the Next.js protected and public route/layout groups, the existing API error reporting, and the current test setup. Trace how render and loader failures are handled before covering retry and navigation behavior. Done means the listed render, loader, retry, navigation, 404/500, accessibility, no-JavaScript, and correlation-ID acceptance tests pass.

Written by the indexing model from the issue text.

Assessment

Tech stack
next.js, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.