nextjs-client-server-boundary-module-errors

Community

Resolve Next.js client/server boundary errors.

AuthorHankanman
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Next.js 16 build failures occur when client components import utilities that transitively rely on Node.js modules (dns, fs, net, tls), causing module resolution errors in the browser bundle.

Core Features & Use Cases

  • Detects client/server boundary violations caused by server-only imports leaking into client code.
  • Provides a proven strategy to extract shared constants and utilities into client-safe modules.
  • Use Case: When a client component imports a utility that indirectly imports Prisma or other server libraries, refactor to isolate server dependencies and keep client bundles clean.

Quick Start

Refactor by extracting server-dependent constants into a separate client-safe module and update imports in client components to point to the new module; run the Next.js build to verify the 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: nextjs-client-server-boundary-module-errors
Download link: https://github.com/Hankanman/claude-config/archive/main.zip#nextjs-client-server-boundary-module-errors

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.