Skip to content
Cloudflare Docs

WranglerConfig

This component can be used to automatically generate a jsonc version of the toml file (or vice versa) of the Cloudflare Wrangler configuration file.

Import

import { WranglerConfig } from "~/components";

Usage

{
  "d1_databases": [
    {
      "binding": "DB",
      "database_name": "prod-d1-tutorial",
      "database_id": "<unique-ID-for-your-database>"
    }
  ]
}
 
import { WranglerConfig } from "~/components";


<WranglerConfig>
```toml
[[d1_databases]]
binding = "DB" # available in your Worker on env.DB
database_name = "prod-d1-tutorial"
database_id = "<unique-ID-for-your-database>"
```
</WranglerConfig>

A $today value can be used in this component to automatically insert the today's date. This is useful for suggesting that users set the latest compatibility date.

{
  "name": "my-worker",
  "compatibility_date": "2025-05-02"
}
 
import { WranglerConfig } from "~/components";


<WranglerConfig>
```jsonc
{
  "name": "my-worker",
  "compatibility_date": "$today"
}
```
</WranglerConfig>