njs13.3 parallel/intercepting route file duplication? | Next.js | Page 1

tropic glacier Apr 7, 2023, 4:36 PM

#

in this example on intercepting/parallel routs

[feed]
├── (..)photo/[id]
│   └── page.tsx
└── layout.tsx
photo/[id]
├── page.tsx
└── layout.tsx

in the (..)photo/[id] directory as well as the root photo/[id] directory there are is a page.tsx. does this mean we need to duplicate the file? so the same file exists in two places?

heavy saffron Apr 7, 2023, 5:04 PM

#

I think you can import from the other so you don't need to duplicate code, just the structure (route)

tropic glacier Apr 7, 2023, 5:12 PM

#

ok yea thats the direction i was trying. although its just navigating me to that page without popping up a modal 🤷‍♂️

heavy saffron Apr 7, 2023, 5:15 PM

#

yea I think it's not working at all, or the docs are wrong

#

waiting for examples

heavy saffron Apr 7, 2023, 7:49 PM

#

Look at test/e2e/app-dir/parallel-routes-and-interception/app/intercepting-parallel-modal, it has some good examples.

#

If you're getting 404 in nested routes, you need default.tsx for your @page

#njs13.3 parallel/intercepting route file duplication?