nextjs-16-proxy

Generates compliant TypeScript proxy files for managing Next.js 16 network requests and URIs.

1|2|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/blink-new/claude --skill nextjs-16-proxy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs-16-proxy
Source: https://github.com/blink-new/claude/tree/main/skills/nextjs-16-proxy
Command: npx skills add https://github.com/blink-new/claude --skill nextjs-16-proxy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the transition from middleware.ts to proxy.ts in Next.js 16+, providing a clear convention for handling network requests, URL rewrites, and route interception before routing occurs.

Core Features & Use Cases

  • Modern Next.js Routing: Implements the new proxy.ts convention for Next.js 16 and above.
  • URL Rewrites & Interception: Handles URL rewrites and intercepts requests at the network boundary.
  • Use Case: When migrating a Next.js application to version 16+, you need to update your middleware.ts files to proxy.ts and adjust the export function name. This Skill provides the exact template and migration guidance.

Quick Start

Use the nextjs-16-proxy skill to create a new proxy.ts file in the root of the src directory.

Frequently Asked Questions about nextjs-16-proxy

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate from middleware.ts to proxy.ts in Next.js 16?

To migrate from middleware.ts to proxy.ts in Next.js 16, rename the file in your src directory root and adjust the export function name. This Skill provides the exact template for updating your network boundary tasks.

What is the proxy.ts convention used for in Next.js routing?

The proxy.ts convention in Next.js is used for handling network requests, URL rewrites, and route interception before routing occurs. It replaces middleware.ts to manage network boundary tasks in Next.js 16 and above.

Where should the proxy.ts file be located in a Next.js 16 project?

The proxy.ts file should be placed in the root of the src directory of your Next.js 16 project. This specific file location is required for the framework to properly intercept requests at the network boundary.

Do I need to change the export function name when moving to proxy.ts?

Yes, moving to proxy.ts requires adherence to specific function naming conventions for Next.js 16+. You must adjust the export function name from the previous middleware format to the new proxy standard.

When should I use proxy.ts instead of middleware.ts for URL rewrites?

You should use proxy.ts instead of middleware.ts when implementing new routing logic or migrating to Next.js 16 and above. It specifically handles URL rewrites and request interception at the network boundary before routing occurs.

Why does my Next.js 16 migration break existing middleware routing logic?

Next.js 16 migration breaks middleware routing logic because the framework replaced middleware.ts with proxy.ts for network boundary tasks. Updating the file location and function naming conventions resolves the routing errors.