nextjs-server-side-error-debugging

Umiejętność debugowania błędów getServerSideProps i getStaticProps w Next.js. Błędy po stronie serwera nie pojawiają się w konsoli przeglądarki — zamiast tego szukaj ich w terminalu, gdzie uruchomiony jest proces Next.js. Użyj tej umiejętności, gdy strona wyświetla generyczny błąd 500, konsola przeglądarki jest pusta, API routes zwracają błędy bez szczegółów, lub kod serwera zawodzi w ciszy. Przewodnik nauczy Cię sprawdzać logi terminala i dodawać obsługę błędów w kodzie serwera.

1. Uruchom projekt Next.js poleceniem npm run dev lub next dev i 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 poleceniem ps aux | grep next i 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.