- Deployed at https://remix-cloudflare-pages-with-kv.pages.dev
Change REMIX_CLOUDFLARE_PAGES_WITH_KV
with your desired KV Namespace name.
-
Complete Cloudflare | Deploy a Remix site guide.
-
Create KV namespace:
$ ./node_modules/.bin/wrangler kv:namespace create "REMIX_CLOUDFLARE_PAGES_WITH_KV"
- Add new namespace into
wrangler.toml
:
kv_namespaces = [
{ binding = "REMIX_CLOUDFLARE_PAGES_WITH_KV", id = "<ID>" }
]
- Include KV Namespace in local development script in
package.json
:
"scripts": {
- "dev:wrangler": "cross-env NODE_ENV=development wrangler pages dev ./public",
+ "dev:wrangler": "cross-env NODE_ENV=development wrangler pages dev ./public --kv REMIX_CLOUDFLARE_PAGES_WITH_KV",
- Setup KV Namespace binding for Cloudflare Pages
- Select project from Cloudflare Dashboard
Settings
Functions
KV namespace bindings
Add binding
Variable name = REMIX_CLOUDFLARE_PAGES_WITH_KV
KV namespace=worker-REMIX_CLOUDFLARE_PAGES_WITH_KV
Save
- Redeploy project and wait for 2-3 mins