# NextJS (fetch)

> Capture HTTPS requests from Next.js server-side fetch() and Server Components with the Proxyman pre-configured Terminal from Automatic Setup.

## 1. Problem

* Proxyman can't capture any traffic from `use server` code in NextJS
* It's because `fetch` in NextJS doesn't respect the system HTTP proxy. Therefore, no traffic goes through the Proxyman app.

## 2. Solution

1. Start the pre-configured Terminal: Setup menu -> Automatic Setup -> Click "Open New Terminal"
2. A new Terminal opens -> Start your NextJS server in this Terminal. For example: `npm run dev`
3. Use `no-cache` on `fetch`

```js
export default async function MyPage() {
  const res = await fetch('https://httpbin.org/anything', { cache: 'no-cache' }) // no cache, or no request is sent to Proxyman
  return <div>My Page{res.text()}</div>
}
```

4. Reload your website
5. Done ✅ The Proxyman app captures your HTTP traffic

![Next.js dev server in the Proxyman pre-configured Terminal and the captured server-side fetch requests in Proxyman](https://proxyman.com/docs/assets/335782543-6e0c4eeb-435d-4589-b2dd-4087f3827f3a.jpg)

_Capture NextJS fetch on Proxyman_

## 3. Reference:

* [https://github.com/ProxymanApp/Proxyman/issues/2038](https://github.com/ProxymanApp/Proxyman/issues/2038)

## Learn more

* [Capture HTTP requests from the server side on NextJS](https://proxyman.com/posts/2024-06-10-Capture-HTTPS-From-NextJS-Server-Components)