1

I am creating an app to learn about the new Nextjs features. My app directory is structured like this-

-@modal
  -(.)blog
    -[title]
      -page.tsx
      -layout.tsx
      -loading.tsx
-blog
  -[title]
    -page.tsx
    -loading.tsx
-layout.tsx
-page.tsx
-loading.tsx

This structure intercepts the /blog/:title route while accessing from root /.

Now, the route interception is working fine but there is no loading state. i.e. the file @modal/(.)blog/[title]/loading.tsx is not being utilized. There is not much about this in their documentation. Has someone done this or Is there any other way to add loading states in intercepted parallel routes?

(P.S.- Somehow I need to manually delete the .next folder everytime I update a layout file or loading file in any directory. I suspect this has something to do with the new caching scheme.)

Ajay Yadav
  • 151
  • 1
  • 2
  • 11

0 Answers0