Is there a guide on how I could setup durable objects with nuxt? - Cloudflare Developers

© 2026 Hedgehog Software, LLC

More

Communities Docs About Terms Privacy

KWAC

KKWAC Is there a guide on how I could setup durable objects with nuxt?

Blind Goose

B

Blind Goose•1/15/25, 4:25 PM

What are you trying to do? My understanding is nuxt is frontend. Durable objects would be handled by your API Server.

KWAC

K

KWACOP•1/15/25, 4:26 PM

I'm trying to send notification to frontend from backend when stripe payment is successful. I want to use websocket for that

Blind Goose

B

Blind Goose•1/15/25, 4:28 PM

Right but you'd use an API for that. The actual frontend doesn't have direct access to your data store for securiy reasons.

KWAC

K

KWACOP•1/15/25, 4:28 PM

that's not what im saying

KWAC

K

KWACOP•1/15/25, 4:28 PM

anyway i edited message to make it more clear

Blind Goose

B

Blind Goose•1/15/25, 4:30 PM

WebSocket server: https://developers.cloudflare.com/workers/examples/websockets/

You'd just access durable objects normally through the JavaScript API for workers that way.

Cloudflare Docs

Using the WebSockets API · Cloudflare Workers docs

Use the WebSockets API to communicate in real time with your Cloudflare Workers.

KWAC

K

KWACOP•1/15/25, 4:31 PM

i need working examples for nuxt

KWAC

K

KWACOP•1/15/25, 4:31 PM

i already read the docs

Blind Goose

B

Blind Goose•1/15/25, 4:31 PM

What nuxt specific detail do you need?

KWAC

K

KWACOP•1/15/25, 4:35 PM

how do I set it up in the api

Blind Goose

B

Blind Goose•1/15/25, 4:38 PM

Youwrite your API and either deploy or run locally locally, and write frontend code that consumes the API. I haven't used nuxt specifically but I found https://krutiepatel.com/blog/30-real-time-with-nuxt-3-a-guide-to-websocket-integration which is pretyy much how to open, close, an receive messages from your websockets server

krutiepatel.com

Real-Time with Nuxt 3: A Guide to WebSocket Integration

Learn how to bring real-time functionality to Nuxt 3 by building a foundation for a two-player board game, illustrating WebSocket setup, message handling, and in-game player interaction.

KWAC

K

KWACOP•1/15/25, 4:39 PM

i need to use durable objects

KWAC

KKWAC i need to use durable objects

Blind Goose

B

Blind Goose•1/15/25, 4:40 PM

Then use them in your API, what exactly are you asking for help with?

KWAC

K

KWACOP•1/15/25, 4:41 PM

I just want to see example god damn

Blind Goose

B

Blind Goose•1/15/25, 4:41 PM

An example, of what, I showed you an example of how to do websockets in Nuxts

Blind Goose

B

Blind Goose•1/15/25, 4:41 PM

And how to use the web sockets for workers api

KWAC

KKWAC how do I set it up in the api

KWAC

K

KWACOP•1/15/25, 4:41 PM

.

KWAC

K

KWACOP•1/15/25, 4:43 PM

I found this but im not sure if it's good example

https://github.com/nicgene/nuxt-durable-object

GitHub

GitHub - nicgene/nuxt-durable-object

Contribute to nicgene/nuxt-durable-object development by creating an account on GitHub.

Blind Goose

B

Blind Goose•1/15/25, 4:44 PM

I would start there.

KWAC

K

KWACOP•1/15/25, 4:59 PM

thank you sir for your help, i really appreciate it

Chris Jayden

C

Chris Jayden•1/15/25, 5:23 PM

Some methods on my stub are being returned as

never

never

. Anyone had this before?

Gagan Suie

G

Gagan Suie•1/15/25, 6:44 PM

hi, is there a way to do text search in DO storage?

Gagan Suie

GGagan Suie hi, is there a way to do text search in DO storage?

Hard@Work

H

Hard@Work•1/15/25, 6:48 PM

Via FTS5: https://developers.cloudflare.com/d1/sql-api/sql-statements/#supported-sqlite-extensions

Cloudflare Docs

SQL statements · Cloudflare D1 docs

D1 is compatible with most SQLite's SQL convention since it leverages SQLite's query engine. D1 supports a number of database-level statements that allow you to list tables, indexes, and inspect the schema for a given table or index.

Hard@Work

H

Hard@Work•1/15/25, 6:48 PM

That's the D1 docs, but it should

work with DOSQLite too

Hard@Work

HHard@Work That's the D1 docs, but it should™️ work with DOSQLite too

Gagan Suie

G

Gagan Suie•1/15/25, 6:49 PM

even in the do chat sample? https://github.com/cloudflare/workers-chat-demo

GitHub

GitHub - cloudflare/workers-chat-demo

Contribute to cloudflare/workers-chat-demo development by creating an account on GitHub.

Gagan Suie

G

Gagan Suie•1/15/25, 6:50 PM

i dont think its using DOSQLite

Gagan Suie

GGagan Suie even in the do chat sample? https://github.com/cloudflare/workers-chat-demo

Hard@Work

H

Hard@Work•1/15/25, 6:51 PM

No, you would probably have to migrate it to SQLite

J

jd•1/15/25, 7:54 PM

Hi! Question: I'm looking for a place to store 2-10T of our model training image / video data that doesn't incur crazy monthly or egress fees, flexible with multiple cloudproviders.

Most importantly, great with large file download performance like .tar file / webdataset or large # of small files if needed.

How cloudflare storage performs in terms of benchmark?

Datapoint: Our model weights live on huggingface and with their cli + hf_transfer we can get 1.2G/s download speed on EC2.

Thanks!

Jjd Hi! Question: I'm looking for a place to store 2-10T of our model training image...

lambrospetrou

L

lambrospetrou•1/15/25, 8:18 PM

Check Cloudflare R2, which is S3-compatible object storage and has zero egress fees.

J

jd•1/15/25, 10:19 PM

Yep i was just curious about R2's performance on large file IO. Let me run some benchmarks on my own then

J

jd•1/15/25, 10:24 PM

:insane: sorry i didn't see there's a r2 channel and thought this one was

1984 Ford Laser

1

1984 Ford Laser•1/16/25, 2:23 AM

Anyone else having issues with websockets not hibernating? Some code that was working fine a few weeks ago is now no longer hibernating the connections

1984 Ford Laser

1

1984 Ford Laser•1/16/25, 2:28 AM

Hmm seems to be localized to a specific namespace, tried a different DO and that one is fine

1984 Ford Laser

1

1984 Ford Laser•1/16/25, 3:36 AM

Okay this is a dumb one, I think I fixed it. On top of the normal

message

message

and

close

close

WS handlers, I also had a

error

error

one set up, which was supposed to remove the current connection from the list of connections, but wasn't necessarily closing the connection, such as if the client experienced an error, but not one that caused the socket to close. Somewhere, this was causing the socket to stay open or something. You can see a comparison in the screenshots

Hard@Work

HHard@Work That's the D1 docs, but it should™️ work with DOSQLite too

Gagan Suie

G

Gagan Suie•1/16/25, 7:53 AM

does DOSQLite create a new table for every DO session? or do all connections share the same DB table?

Gagan Suie

GGagan Suie does DOSQLite create a new table for every DO session? or do all connections sha...

1984 Ford Laser

1

1984 Ford Laser•1/16/25, 8:52 AM

Tables per instance

KWAC

K

KWACOP•1/16/25, 12:49 PM

Property 'idFromName' does not exist on type 'DurableObject'.
Property 'get' does not exist on type 'DurableObject'.

Property 'idFromName' does not exist on type 'DurableObject'.
Property 'get' does not exist on type 'DurableObject'.

export default defineEventHandler(async (event) => {
    try {
        const env = event.context.cloudflare?.env.DUMMY_OBJECT;
        const id = env.idFromName('counter');
        const stub = env.get(id);
        const response = await stub.fetch(event.context.cloudflare.request);
        const data = await response.json() as { value: number };
        return data;
    }
    catch (error) {
        console.error(error);
        return { error: 'Failed to fetch from Durable Object' };
    }
});

export default defineEventHandler(async (event) => {
    try {
        const env = event.context.cloudflare?.env.DUMMY_OBJECT;
        const id = env.idFromName('counter');
        const stub = env.get(id);
        const response = await stub.fetch(event.context.cloudflare.request);
        const data = await response.json() as { value: number };
        return data;
    }
    catch (error) {
        console.error(error);
        return { error: 'Failed to fetch from Durable Object' };
    }
});

KWAC

KKWAC ```Property 'idFromName' does not exist on type 'DurableObject'. Property 'get' ...

lambrospetrou

L

lambrospetrou•1/16/25, 1:04 PM

What framework is this? Those methods are on the DO Namespace type, not the

DurableObject

DurableObject

type: https://developers.cloudflare.com/durable-objects/api/namespace/#idfromname
You probably have wrong types defined for

DUMMY_OBJECT

DUMMY_OBJECT

.

KWAC

K

KWACOP•1/16/25, 1:04 PM

nuxt

KWAC

K

KWACOP•1/16/25, 1:04 PM

I updated to

DurableObjectNamespace

DurableObjectNamespace

/// <reference types="@cloudflare/workers-types/2023-07-01" />

declare module "h3" {
  interface H3EventContext {
    cf: CfProperties;
    cloudflare: {
      request: Request;
      // env: Env;
      env: {
        MY_KV: KVNamespace,
        DB: D1Database,
        MY_BUCKET: R2Bucket;
        DUMMY_OBJECT: DurableObjectNamespace;
      }
      context: ExecutionContext;
    };
  }
}

export {};

/// <reference types="@cloudflare/workers-types/2023-07-01" />

declare module "h3" {
  interface H3EventContext {
    cf: CfProperties;
    cloudflare: {
      request: Request;
      // env: Env;
      env: {
        MY_KV: KVNamespace,
        DB: D1Database,
        MY_BUCKET: R2Bucket;
        DUMMY_OBJECT: DurableObjectNamespace;
      }
      context: ExecutionContext;
    };
  }
}

export {};

KWAC

K

KWACOP•1/16/25, 1:05 PM

my wrangler.toml should look like this?

[[durable_objects.bindings]]
name = "DUMMY_OBJECT"
class_name = "DummyDurableObject"

[[migrations]]
tag = "v1"
new_classes = ["MyDurableObject"]

[[durable_objects.bindings]]
name = "DUMMY_OBJECT"
class_name = "DummyDurableObject"

[[migrations]]
tag = "v1"
new_classes = ["MyDurableObject"]

KWAC

KKWAC my wrangler.toml should look like this? ```toml [[durable_objects.bindings]] na...

lambrospetrou

L

lambrospetrou•1/16/25, 1:06 PM

Assuming your class extending

DurableObject

DurableObject

is named

DummyDurableObject

DummyDurableObject

then yes.

KWAC

K

KWACOP•1/16/25, 1:08 PM

oh wait I don't have extending class

KWAC

K

KWACOP•1/16/25, 1:08 PM

where do I define it in nuxt?

KWAC

KKWAC where do I define it in nuxt?

lambrospetrou

L

lambrospetrou•1/16/25, 1:10 PM

I don't know nuxt, but you can put it anywhere so that when exported it can be in the final JS bundle you upload to Cloudflare.

Jacob Wright

J

Jacob Wright•1/16/25, 6:55 PM

I have 2 questions, if you could help.

for a DO to be deleted, I assume
```
storage.deleteAll()
```
```
storage.deleteAll()
```
must be called and no SQLite tables can exist?
I create my SQLite tables in the constructor, but if a DO is deleted with
```
storage.deleteAll()
```
```
storage.deleteAll()
```
, and a new call comes in after that, it errors because the tables don't exist, and I don't know whether to re-create them or not. Is there a solution to this?

Jacob Wright

JJacob Wright I have 2 questions, if you could help. 1. for a DO to be deleted, I assume `stor...

lambrospetrou

L

lambrospetrou•1/16/25, 6:59 PM

Yes. Once
```
deleteAll
```
```
deleteAll
```
is called everything is deleted, including all your tables.

[...] I don't know whether to re-create them or not. Is there a solution to this?

I don't understand the question. If you decided to delete all the data for a DO, why would you want to handle a request to it and re-create the tables?
If you want to gracefully fail the request, check if the tables exist when handling the request, and if not return the appropriate error. If you want incoming requests to still have their tables, why are you deleting them in the first place then?

lambrospetrou

Llambrospetrou 1. Yes. Once `deleteAll` is called everything is deleted, including all your tab...

Jacob Wright

J

Jacob Wright•1/16/25, 7:07 PM

In production, likely I won't, but in testing, I'm deleting the data and then testing again. I just had an idea though. I can set

this.#deleted = true

this.#deleted = true

and then reinitialize the database on future requests. If the DO goes out of memory, the constructor will run again and initialize it. If it hasn't gone out of memory yet, #deleted will be true. Should work.

Jacob Wright

JJacob Wright In production, likely I won't, but in testing, I'm deleting the data and then te...

lambrospetrou

L

lambrospetrou•1/16/25, 7:08 PM

I have a feeling something is not understood. Why deleteAll if you are going to recreate them?

James

J

James•1/16/25, 7:22 PM

export default defineEventHandler(async (event) => {
    try {
        const env = event.context.cloudflare?.env.DUMMY_OBJECT;
        const id = env.idFromName('counter');
        const stub = env.get(id);
        const response = await stub.fetch(event.context.cloudflare.request);
        const data = await response.json() as { value: number };
        return data;
    }
    catch (error) {
        console.error(error);
        return { error: 'Failed to fetch from Durable Object' };
    }
});

export default defineEventHandler(async (event) => {
    try {
        const env = event.context.cloudflare?.env.DUMMY_OBJECT;
        const id = env.idFromName('counter');
        const stub = env.get(id);
        const response = await stub.fetch(event.context.cloudflare.request);
        const data = await response.json() as { value: number };
        return data;
    }
    catch (error) {
        console.error(error);
        return { error: 'Failed to fetch from Durable Object' };
    }
});

/// <reference types="@cloudflare/workers-types/2023-07-01" />

declare module "h3" {
  interface H3EventContext {
    cf: CfProperties;
    cloudflare: {
      request: Request;
      // env: Env;
      env: {
        MY_KV: KVNamespace,
        DB: D1Database,
        MY_BUCKET: R2Bucket;
        DUMMY_OBJECT: DurableObjectNamespace;
      }
      context: ExecutionContext;
    };
  }
}

export {};

/// <reference types="@cloudflare/workers-types/2023-07-01" />

declare module "h3" {
  interface H3EventContext {
    cf: CfProperties;
    cloudflare: {
      request: Request;
      // env: Env;
      env: {
        MY_KV: KVNamespace,
        DB: D1Database,
        MY_BUCKET: R2Bucket;
        DUMMY_OBJECT: DurableObjectNamespace;
      }
      context: ExecutionContext;
    };
  }
}

export {};