SUSPENSE

This button will submit a form on the server and then navigate to /suspense using next/navigation. Navigation gets blocked for 5s whilst the server actions on /suspense resolve. No fallback UI from the Suspense is shown.

Submit Server

This button is a client side navigation using next/link. It behaves as expected showing fallback UI whilst the promises resolve.

Link Nav

This button is a client side navigation using push from next/navigation useRouter. It behaves as expected showing fallback UI whilst the promises resolve.

Client push nav

PARALLEL ROUTES

This button is a client side navigation using next/link. It is blocked on navigation until the first promise is resolved (5s delay).

Link Nav

This button is a client side navigation using push from next/navigation useRouter. It is blocked on navigation until the first promise is resolved (5s delay) as there is no loading.tsx in /parallel.

Client push no loading.tsx

This button is a client side navigation using push from next/navigation useRouter. It doesn't get blocked on navigation, as there is a loading.tsx in /parallel-with-loading but the loading boundary only covers one of the dynamic routes.

Client push with loading.tsx