Issues using Nuxt Dev tools storage and Nitro KV storage with Worker KV

nuxt4

nitro

Hi everyone I've haven't been working with Cloudflare + Nuxt for very long so I may have missed something simple.

I'm trying to get Worker KV to work with new Nuxt project I've managed to get it to work in prod and dev using the following config:

export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  modules: ["nitro-cloudflare-dev"],
  nitro: {
    preset: "cloudflare_module",
    cloudflare: {
      deployConfig: true,
      nodeCompat: true,
      wrangler: {
        kv_namespaces: [
          {
            binding: "KV",
            id: "dbe3fa64770c493b80f0f12cef0068f4"
          }
        ]
      }
    },
    storage: {
      kv: {
        driver: "cloudflare-kv-binding",
        binding: "KV"
      }
    },
    cloudflareDev: {
      configPath: "./.output/server/wrangler.json"
    }
  },
  devtools: { enabled: true }
})

export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  modules: ["nitro-cloudflare-dev"],
  nitro: {
    preset: "cloudflare_module",
    cloudflare: {
      deployConfig: true,
      nodeCompat: true,
      wrangler: {
        kv_namespaces: [
          {
            binding: "KV",
            id: "dbe3fa64770c493b80f0f12cef0068f4"
          }
        ]
      }
    },
    storage: {
      kv: {
        driver: "cloudflare-kv-binding",
        binding: "KV"
      }
    },
    cloudflareDev: {
      configPath: "./.output/server/wrangler.json"
    }
  },
  devtools: { enabled: true }
})

I can use it within my server routes using something like

await useStorage("kv").set("test", "it works!")

await useStorage("kv").set("test", "it works!")

But I would also like to be able to see the data in the devtools storage tab. It shows up but when I click on it I get a error as in the picture. I'm a bit confused as it seems the binding is ok for my API files.

Also is this even the right way to do this? From what I understand I need nitro-cloudflare-dev currently but it won't be needed when nuxt with nitro v3 is released?

Thanks in advanced

Nuxt•2mo ago•

5 replies

RB35

Issues using Nuxt Dev tools storage and Nitro KV storage with Worker KV

nuxt4

nitro

export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  modules: ["nitro-cloudflare-dev"],
  nitro: {
    preset: "cloudflare_module",
    cloudflare: {
      deployConfig: true,
      nodeCompat: true,
      wrangler: {
        kv_namespaces: [
          {
            binding: "KV",
            id: "dbe3fa64770c493b80f0f12cef0068f4"
          }
        ]
      }
    },
    storage: {
      kv: {
        driver: "cloudflare-kv-binding",
        binding: "KV"
      }
    },
    cloudflareDev: {
      configPath: "./.output/server/wrangler.json"
    }
  },
  devtools: { enabled: true }
})

export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  modules: ["nitro-cloudflare-dev"],
  nitro: {
    preset: "cloudflare_module",
    cloudflare: {
      deployConfig: true,
      nodeCompat: true,
      wrangler: {
        kv_namespaces: [
          {
            binding: "KV",
            id: "dbe3fa64770c493b80f0f12cef0068f4"
          }
        ]
      }
    },
    storage: {
      kv: {
        driver: "cloudflare-kv-binding",
        binding: "KV"
      }
    },
    cloudflareDev: {
      configPath: "./.output/server/wrangler.json"
    }
  },
  devtools: { enabled: true }
})

I can use it within my server routes using something like

await useStorage("kv").set("test", "it works!")

await useStorage("kv").set("test", "it works!")

Issues using Nuxt Dev tools storage and Nitro KV storage with Worker KV

Similar Threads

Issues using Nuxt Dev tools storage and Nitro KV storage with Worker KV

Similar Threads

Similar Threads

Similar Threads