Toolverse
All skills

nextjs-server-side-error-debugging

by blader

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

Quick info

Author
blader
Category
Backend
Views
1

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

  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.

Related skills

postgresql-psql

by timelessco

Comprehensive guide for PostgreSQL psql - the interactive terminal client for PostgreSQL. Use when connecting to PostgreSQL databases, executing queries, managing databases/tables, configuring connection options, formatting output, writing scripts, managing transactions, and

Backend
34173

seedream-image-gen

by openclaw

Generate images via Seedream API (doubao-seedream models). Synchronous generation.

Backend
6235

api-design-principles

by wshobson

Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.

Backend
50146

effective-go

by openshift

Apply Go best practices, idioms, and conventions from golang.org/doc/effective_go. Use when writing, reviewing, or refactoring Go code to ensure idiomatic, clean, and efficient implementations.

Backend
248296

supabase-operations

by elevanaltd

Supabase operational knowledge for migrations, RLS optimization, MCP tool benchmarks, and ADR-003 compliance. Use when validating database migrations, optimizing Row-Level Security policies, checking MCP tool performance, or ensuring Supabase operational standards. Triggers on:

Backend
27109

supabase-developer

by daffy0208

Build full-stack applications with Supabase (PostgreSQL, Auth, Storage, Real-time, Edge Functions). Use when implementing authentication, database design with RLS, file storage, real-time features, or serverless functions.

Backend
78170