---
title: "@affordances/next/config · Affordances"
description: "Affordances gives every page of a Next.js app a JSON view for agents, and turns one action definition into a server action, an HTTP endpoint, a WebMCP tool, and an MCP tool."
url: "https://affordances.vercel.app/docs/reference/api-reference/next/config"
image: "https://affordances.vercel.app/og/docs/reference/api-reference/next/config"
lang: "en"
---

# @affordances/next/config

## Type Aliases

### AffordancesConfig

```ts
type AffordancesConfig = object;
```

#### Properties

##### name?

```ts
name?: string;
```

##### plugins?

```ts
plugins?: AffordancesPlugin[];
```

##### root?

```ts
root?: string;
```

---

### AffordancesPlugin

```ts
type AffordancesPlugin = <C>(config) => C;
```

#### Type Parameters

| Type Parameter                                                                                           |
| -------------------------------------------------------------------------------------------------------- |
| `C` _extends_ [`Config`](https://affordances.vercel.app/docs/reference/api-reference/next/config#config) |

#### Parameters

| Parameter | Type |
| --------- | ---- |
| `config`  | `C`  |

#### Returns

`C`

---

### Config

```ts
type Config = Pick<NextConfig, "rewrites" | "headers" | "turbopack"> & object;
```

#### Type Declaration

| Name       | Type                                       |
| ---------- | ------------------------------------------ |
| `webpack?` | ((`config`, `context`) => `any`) \| `null` |

---

### Rewrite

```ts
type Rewrite = object;
```

#### Properties

##### destination

```ts
destination: string;
```

##### has?

```ts
has?: object[];
```

| Name     | Type                    |
| -------- | ----------------------- |
| `key`    | `string`                |
| `type`   | `"header"` \| `"query"` |
| `value?` | `string`                |

##### source

```ts
source: string;
```

---

### Rewrites

```ts
type Rewrites = object;
```

#### Properties

##### afterFiles

```ts
afterFiles: Rewrite[];
```

##### beforeFiles

```ts
beforeFiles: Rewrite[];
```

##### fallback

```ts
fallback: Rewrite[];
```

## Variables

### API_PATH

```ts
const API_PATH: "/api/affordances/graph" = '/api/affordances/graph';
```

---

### rewrites

```ts
const rewrites: Rewrite[];
```

## Functions

### toSource()

```ts
function toSource(route): string;
```

#### Parameters

| Parameter | Type     |
| --------- | -------- |
| `route`   | `string` |

#### Returns

`string`

---

### withAffordances()

```ts
function withAffordances<C>(nextConfig?, options?): C;
```

#### Type Parameters

| Type Parameter                                                                                           |
| -------------------------------------------------------------------------------------------------------- |
| `C` _extends_ [`Config`](https://affordances.vercel.app/docs/reference/api-reference/next/config#config) |

#### Parameters

| Parameter     | Type                                                                                                             |
| ------------- | ---------------------------------------------------------------------------------------------------------------- |
| `nextConfig?` | `C`                                                                                                              |
| `options?`    | [`AffordancesConfig`](https://affordances.vercel.app/docs/reference/api-reference/next/config#affordancesconfig) |

#### Returns

`C`