Does this skill support the Pages Router?

No, this skill specifically flags the Pages Router as deprecated and assists in migrating your project to the modern App Router structure required for Next.js 16.

Can I use this in my GitHub Actions?

Yes, the validator includes a CLI script that can be integrated into CI/CD pipelines with a --strict flag to fail builds if deprecated patterns are detected.

What is the replacement for middleware.ts in v16?

Next.js 16 introduces proxy.ts, which runs in the Node.js runtime instead of the Edge runtime. This validator helps you migrate your logic to the new proxy format.

How does it handle Turbopack?

It ensures Turbopack is enabled by default and flags any configurations that unnecessarily disable it, ensuring your development environment stays as fast as possible.

Why do I need a Next.js 16 validator?

AI assistants often generate code based on older versions (v14/15). This skill ensures your project uses the latest v16 features like proxy.ts and enhanced caching while avoiding deprecated patterns.

Next.js 16 Validator & Migrator

Name: Next.js 16 Validator & Migrator
Author: shipshitdev

byshipshitdev

•

開発者ツール

Ensures Next.js projects adhere to version 16 standards by validating configurations, enforcing App Router patterns, and replacing deprecated features.

The Next.js 16 Validator is a specialized capability designed to bridge the gap between legacy Next.js patterns and the latest version 16 standards. It automatically detects deprecated structures like the Pages Router or Edge-based middleware and provides actionable paths to migrate toward the App Router, proxy.ts, and Node.js-based runtimes. By auditing package versions, Turbopack settings, and server-side caching patterns, it ensures that AI-generated code remains modern, performant, and fully compatible with the latest ecosystem features like Partial Pre-Rendering (PPR) and 'use cache' directives.

主な機能

01Enforces Next.js 16+ package requirements and TypeScript configurations

02Migrates deprecated middleware.ts patterns to the modern proxy.ts standard

03Automates Turbopack configuration audits to maintain optimal build performance

0410 GitHub stars

05Ensures proper implementation of Server Components and the 'use cache' directive

06Validates App Router directory structures and prevents legacy Pages Router usage

ユースケース

01Auditing existing Next.js 14/15 projects for compatibility with version 16

02Refining AI-generated Next.js code to ensure it doesn't use deprecated APIs

03Integrating automated version checks into CI/CD pipelines to prevent technical debt

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shipshitdev/library nextjs-validator

For use in Claude.ai and ChatGPT

Download Skill