# Cloudflare Setup

{% hint style="warning" %}
Currently **Sygnal DevProxy** can only be installed by Sygnal. \
[Contact us](https://www.sygnal.com/contact) if you are interested in a build for your projects. 
{% endhint %}

## Platform

* Cloudflare
  * Free account works fine

## Installation

Notes on installation into a new Cloudflare account.

```
cd webflow-dev-proxy
```

Add env to `wrangler.toml`; 

```
[env.ENV]
name = "webflow-dev-proxy"
account_id = "CLOUDFLARE_ACCOUNT_ID"
kv_namespaces = [
#  { binding = "DEVPROXY", id = "CLOUDFLARE_KV_STORE_ID" }
]
```

```
wrangler deploy --env ENV
```

In Cloudflare;

Create new KV store;

```
DEVPROXY
```

Copy ID to `wrangler.toml`

Uncomment binding

Re-deploy

Add key

## Cloudflare Config

### Account-Level Config

Workers; 

* Install `webflow-dev-proxy` worker in account

KV; 

* In `CONFIG` add the following entry; 
  * Key - e.g. `luxradiology.co.nz:devproxy` 
  * Value - e.g. - 

```
{ "version": 1, "origin": "https://lux-radiology.webflow.io/" }
```

### Site-Level Config

Navigate to the Website page for your domain in Cloudflare. 

DNS;

| Type | Name | Content   | Proxy status |
| ---- | ---- | --------- | ------------ |
| A    | dev  | 75.2.70.5 | Proxied      |
| A    | test | 75.2.70.5 | Proxied      |

### Cloudflare Worker Routes

Navigate to the Website page for your domain in Cloudflare

Click Worker Routes 

| Route                | Worker            |
| -------------------- | ----------------- |
| `*dev.mysite.com/*`  | webflow-dev-proxy |
| `*test.mysite.com/*` | webflow-dev-proxy |

### DEVPROXY

key - dev.mysite.com

value - mysite.webflow\.io 


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://engine.sygnal.com/devproxy/cloudflare-setup.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.