error-pages
CommunityBrand-styled 404/500 error pages.
Authordeomiarn
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Branded error pages maintain a consistent look and feel during unexpected issues, reducing user confusion and support tickets while aligning with the project’s visual identity.
Core Features & Use Cases
- Branded 404 Page: A custom not-found page styled to match the brand, with navigation back to the homepage.
- Branded 500 Page: A branded server error page with helpful messaging and a retry option.
- i18n Ready: Localization-ready error messages for German and English.
- Brand Alignment: Ensure typography, colors, and buttons mirror the rest of the site.
Quick Start
Create or update app/not-found.tsx (404) and app/error.tsx (500), apply brand styling from globals.css, and test error routes (e.g., /non-existent and a simulated server error).
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: error-pages Download link: https://github.com/deomiarn/website-template/archive/main.zip#error-pages Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.