Error Handling & Monitoring

Overview

Error handling spans four layers: global error reporting (Sentry), route-level error boundaries, user-facing toast notifications, and loading states.

Error Reporting (Sentry)

• Client, server, and edge runtime configs
• global-error.tsx captures and reports uncaught errors
• Enabled only in production (NODE_ENV === "production")

Error Boundaries

• Route-level error.tsx files for lineups, players, profile, and admin
• Each shows the error message, a "Try Again" button, and a "Go Home" link

User Feedback

• Toast notifications (Sonner) for all error messages — no native alert() calls
• Confirmation modals for destructive actions (delete lineup, remove video)
• Loading states — route-level loading.tsx with branded spinners

Technical Details

<!-- Add details about Sentry configuration, custom error classes, etc. -->

Content coming soon — add your video and detailed writeup here.