Can I integrate this with Sentry or Datadog?

Absolutely. The skill includes a Logger class abstraction designed to easily pipe errors to external logging and monitoring services in production environments.

What kind of error classes are included?

It provides a base AppError and specific subclasses for Validation, Not Found, Unauthorized, Forbidden, Conflict, Rate Limiting, and External Service errors.

Does it handle form validation errors?

Yes, it includes patterns for handling Zod validation results within Server Actions and returning structured field-level errors to the frontend.

Does this skill support the Next.js App Router?

Yes, it includes specific patterns and file templates for error.tsx, global-error.tsx, and not-found.tsx designed specifically for the Next.js App Router.

Error Handling Patterns

Name: Error Handling Patterns
Author: Naw3

byNaw3

0•

API開発

Implements robust error handling architectures including custom error classes, React boundaries, and Next.js error recovery flows.

This skill provides a comprehensive toolkit for building resilient production applications by implementing standardized error handling patterns across the entire stack. It features a hierarchical set of custom TypeScript error classes for granular control, React Error Boundaries for UI stability, and Next.js-specific error files for seamless routing transitions. By utilizing these patterns, developers can ensure that application failures are captured, logged to services like Sentry, and presented to users with meaningful feedback, significantly improving both the user experience and the developer debugging workflow.

主な機能

01Next.js specialized error files (error.tsx, global-error.tsx, and not-found.tsx)

02Standardized API route and Server Action error handling wrappers

03React Error Boundary components with automated recovery and reset logic

04Hierarchical custom error classes for validation, auth, and external services

05Production-ready logging abstractions for observability integration

060 GitHub stars

ユースケース

01Standardizing error responses and status codes across a Next.js API

02Building a centralized error logging and monitoring system for production

03Implementing graceful UI degradation for frontend component failures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add naw3/skillsrepo error-handling

For use in Claude.ai and ChatGPT