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 -> 9:31:32 / Client date:

Blocking: 200ms

This is delayed after 200ms / server date -> 9:31:32 / Client date:

Delayed: 1 second

This is delayed after 1000ms / server date -> 9:31:33 / Client date:

Delayed: 5 seconds

This is delayed after 5000ms / server date -> 9:31:37 / 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 -> 9:31:42 / Client date: