nextjs - 💡(How to fix) Fix [Turbopack] POST requests from client components to API routes never reach server in Next.js 16 [2 comments, 3 participants]

import { NextResponse } from "next/server";

export async function POST(request: Request) {
  const body = await request.json();
  console.log('API route hit:', body);
  return NextResponse.json({ success: true });
}

---

Run next dev (Turbopack enabled by default in Next.js 16)
Click the button
Observe: Browser logs "Fetching..." but server terminal never logs the request

### Current vs. Expected behavior

Expected: POST request reaches the API route handler and server logs show:

POST /api/test 200 in XXms
Actual:

Browser console shows fetch is called with correct URL and payload
Request appears in browser Network tab as "pending" indefinitely
Server terminal shows NO log of the incoming request
Request never completes or times out
Browser Console:

Fetching...
# Request hangs here forever
Server Terminal:

▲ Next.js 16.1.4 (Turbopack)
- Local:         http://localhost:3000

✓ Ready in 548ms
GET /some-page 200 in 3.0s
# POST /api/test never appears

### Provide environment information

---

### Which area(s) are affected? (Select all that apply)

Turbopack

### Which stage(s) are affected? (Select all that apply)

next dev (local)

### Additional context

GET requests to API routes work fine
POST requests to the same route work intermittently when the server first starts, before Turbopack fully initializes
Middleware is configured to exclude /api routes: