N
nextjs-server-side-error-debugging
Debug getServerSideProps and getStaticProps errors in Next.js. Use when: \n(1) Page shows generic error but browser console is empty, (2) API routes \nreturn 500 with no details, (3) Server-side code fails silently, (4) Error \nonly occurs on refresh not client navigation. Check
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Debug getServerSideProps and getStaticProps errors in Next.js. Use when: \n(1) Page shows generic error but browser console is empty, (2) API routes \nreturn 500 with no details, (3) Server-side code fails silently, (4) Error \nonly occurs on refresh not client navigation. Check terminal/server logs \ninstead of browser for actual error messages.
How to use
- Uruchom projekt Next.js poleceniem
npm run devlubnext devi pozostaw terminal widoczny — tam pojawią się rzeczywiste błędy serwera z pełnym stack trace'em. 2. Gdy strona wyświetla błąd, ale konsola przeglądarki jest pusta, przejrzyj terminal — znajdziesz tam szczegółowy komunikat błędu zamiast generycznego komunikatu z przeglądarki. 3. Jeśli terminal nie jest dostępny, znajdź proces Next.js poleceniemps aux | grep nexti uruchom go ponownie z widocznym wyjściem. 4. Aby trwale debugować błędy, opatrz kod serwera (getServerSideProps, getStaticProps, API routes) w bloki try-catch, które będą logować pełne informacje o błędzie. 5. Zwróć uwagę na błędy, które pojawiają się tylko przy odświeżeniu strony lub bezpośredniej nawigacji, a nie przy przejściu po stronie — to wskazuje na problem po stronie serwera, a nie klienta. 6. Sprawdzaj terminal zamiast DevTools przeglądarki — to główne źródło informacji o błędach serwera w Next.js.