Defer Example

This route is rendered on the server, with data artificially delayed server side and progressively displayed.

Current date:

Immediate data

This is not delayed: server date -> 11:6:54 / Client date:

Blocking: 200ms

This is delayed after 200ms / server date -> 11:6:54 / Client date:

Delayed: 1 second

This is delayed after 1000ms / server date -> 11:6:55 / Client date:

Delayed: 5 seconds

This is delayed after 5000ms / server date -> 11:6:59 / Client date:

Delayed: 10 seconds

Requires const ABORT_DELAY = 20_000; (greater than 10s) in entry.server.tsx

This is delayed after 10000ms / server date -> 11:7:4 / Client date: