Next.js Server-Side Error Debugging

Problem

Server-side errors in Next.js don't appear in the browser console, making debugging frustrating when you're looking in the wrong place. The browser shows a generic error page or 500 status, but no stack trace or useful error information appears in DevTools.

Context / Trigger Conditions

This skill applies when:

• Page displays "Internal Server Error" or custom error page
• Browser console shows no errors, or only a generic fetch failure
• You're using getServerSideProps, getStaticProps, or API routes
• Error only occurs on page refresh or direct navigation (not client-side transitions)
• The error is intermittent and hard to reproduce in the browser