Skills
.Work. You
Rest

debug:nextjs

Community

Systematically debug Next.js issues.

Software Engineering#debugging#routing#Next.js#SSR#hydration#dynamic-import
AuthorSnakeO
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers systematically diagnose and fix Next.js issues across SSR, hydration, routing, API routes, and middleware, covering both App Router and Pages Router.

Core Features & Use Cases

  • Hydration and SSR debugging for hydration mismatch errors like "Text content did not match".
  • Server/Client Component boundary checks and fix patterns for App Router and Pages Router.
  • Dynamic import troubleshooting, server/client split, and API route middleware debugging.
  • Build, caching, and ISR-related issues, including revalidation, error overlays, and deployment caveats.
  • Real-world workflows for incremental debugging from reproduction to verification.

Quick Start

Identify the issue type (server, client, or build-time) and follow the Next.js debugging guide to reproduce, isolate, and apply a fix.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: debug:nextjs
Download link: https://github.com/SnakeO/claude-debug-and-refactor-skills-plugin/archive/main.zip#debug-nextjs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.