handling-errors-idiomatically

What problem does it solve?

This Skill prevents application crashes, security vulnerabilities from exposed stack traces, and silent failures by enforcing robust error handling patterns in Next.js applications.

Core Features & Use Cases

• Route Error Boundaries: Implements error.tsx to gracefully handle errors within specific route segments.
• Global Error Handling: Utilizes global-error.tsx for critical errors affecting the entire application.
• API Route Safety: Ensures API routes never expose sensitive error details, returning user-friendly messages instead.
• Supabase Integration: Provides a pattern for checking and handling errors returned by Supabase queries.
• Client-Side Feedback: Guides the use of toast notifications for user-facing error messages.

Quick Start

Implement idiomatic error handling in your Next.js App Router project by ensuring every route has an error.tsx file and checking Supabase query results for errors.