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:14:4 / Client date:
Blocking: 200ms
This is delayed after 200ms / server date -> 9:14:4 / Client date:
Delayed: 1 second
This is delayed after 1000ms / server date -> 9:14:5 / Client date:
Delayed: 5 seconds
This is delayed after 5000ms / server date -> 9:14:9 / 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:14:14 / Client date: