We can show a loading sign with Server-Side Rendering in Next.js. But, it only works when moving by Single-Page Application methods such as 'useRouter' or 'Link'.
Below is an example. Please check page1 and page2.
For example, the URL is <a href="https://zrweh2-3000.preview.csb.app/page1" class="autolinkedURL autolinkedURL-url" target="_blank">zrweh2-3000.preview.csb.app/page1</a>.
<a target="_blank" href="https://codesandbox.io/p/sandbox/loading-sign-with-ssr-zrweh2">link</a>

We can show a loading sign with Server-Side Rendering in Next.js. But, it only works when moving by Single-Page Application methods such as 'useRouter' or 'Link'.

Below is an example. Please check page1 and page2.

For example, the URL is https://zrweh2-3000.preview.csb.app/page1.

[link](https://codesandbox.io/p/sandbox/loading-sign-with-ssr-zrweh2)

Bada's Coding

Bada's Coding

Loading Sign with Server-Side Rendering in Next.js