Next.js App Router - loading.tsx doesn't render on Netlify

Support
1

Site name: [DELETED]

Next.js App Router Loading.js documentation: File-system conventions: loading.js | Next.js

How to Reproduce:

  • Navigate to [DELETED]
  • Click on one of the test links. This link will take you to a page that wasn’t built during build time on a page with dynamicParams turned on.
  • Notice that instead of a loading skeleton appearing immediately, nothing happens for a while before the page appears.

When performing a prod build locally, the loading skeleton is appearing as it should.

Does Netlify’s Next Runtime support loading.tsx?

Thank you,

-Joe

2

I have resolved the problem!

On my dynamic route where I wanted the loading.js skeleton to appear, I added these to the top of my page.tsx:

export const dynamic = "auto";

export const dynamicParams = true;

What’s odd is that these are supposed to be the default values according to Next.js documentation: File-system conventions: Route Segment Config | Next.js

Either way, I’m happy because now the skeletons load :grinning_face_with_smiling_eyes: