Skip to content

[FE-33] Create custom 404 and 500 error pages #896

@yusuftomilola

Description

@yusuftomilola

Overview

Create custom Next.js 404 and 500 error pages that match the ManageHub design system. All work goes in frontend/sandbox/.

Acceptance Criteria

  • frontend/sandbox/not-found.tsx implements a custom 404 page
  • frontend/sandbox/error.tsx implements a custom error boundary page (500)
  • 404 page includes: "Page not found" heading, a brief message, and a "Go to Dashboard" button
  • 500 page includes: an error message, a "Try again" button (calls reset()), and a "Go home" link
  • Both pages are responsive and styled with Tailwind CSS
  • Both pages include an appropriate SVG illustration or Heroicon
  • Navigating to a non-existent route in the sandbox correctly renders the 404 page

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions