Goal:

  • Use suspense - showing "loading" when fetching
  • then cache for 5 seconds
  • after 5 seconds do not show stale data, show loading and refetch fresh data
  • and work in both dev and prod

PostRevalidate

post:

11:38:23 PM
{"userId":1,"id":1,"title":"sunt aut facere repellat provident occaecati excepturi optio reprehenderit","body":"quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"}

PostUnstable

post:

11:38:23 PM
{"userId":1,"id":1,"title":"sunt aut facere repellat provident occaecati excepturi optio reprehenderit","body":"quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"}