# Next.js (fetch)

> Captura solicitudes HTTPS de fetch() del lado del servidor en Next.js y de los Server Components con la Terminal preconfigurada de Automatic Setup de Proxyman.

## 1. Problema {#1-problem}

* Proxyman no puede capturar ningún tráfico del código `use server` de Next.js
* Esto ocurre porque `fetch` en Next.js no respeta el proxy HTTP del sistema. Por eso, ningún tráfico pasa por la app de Proxyman.

## 2. Solución {#2-solution}

1. Inicia la Terminal preconfigurada: menú Setup -> Automatic Setup -> haz clic en "Open New Terminal"
2. Se abre una Terminal nueva: inicia tu servidor de Next.js en esta Terminal. Por ejemplo: `npm run dev`
3. Usa `no-cache` en `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. Recarga tu sitio web
5. Listo ✅ La app Proxyman captura el tráfico HTTP de tu aplicación

![Servidor de desarrollo de Next.js en la Terminal preconfigurada de Proxyman y las solicitudes fetch del servidor capturadas en Proxyman](https://proxyman.com/docs/assets/335782543-6e0c4eeb-435d-4589-b2dd-4087f3827f3a.jpg)

_Captura fetch de Next.js en Proxyman_

## 3. Referencia: {#3-reference}

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

## Más información {#learn-more}

* [Captura solicitudes HTTP desde el servidor en Next.js](https://proxyman.com/posts/2024-06-10-Capture-HTTPS-From-NextJS-Server-Components)