After build dynamic routes are throwing 404.

[singhpriyakr]

Every thing was working fine on local development, once my app done I run the next build once it done and when I tried build on browser most of the dynamic routes were throwing 404 and that was very weird.

To Reproduce

• Have some dynamic page (multi level),
• Run next build

Expected behavior

• Should not throw 404 for dynamic routes.

Screenshots

Screen short of the build output

Screen short of the 404 output

Screen short of how I am using link tag

Screen short of how I have the folder structure

System information

• OS: [e.g. macOS, Windows]
• Browser (if applies) [e.g. chrome, safari]
• Version of Next.js: [e.g. 6.0.2]
• Version of Node.js: [e.g. 10.10.0]

Additional context

Even tried changing sequence of href and as, also tried remove prefetch and adding but output remains same. Is't it very strange, even though you are doing everything right but getting 404 in browsers for all the links. Sad :(

#Update

I tired removing tag and tried to handle via Router.push
eg:

openCouponPage = (url) => { Router.push('/coupon/[id]', url); }

But this is also not working.

[srikanth912]

In your first Link, try replacing href with actual page (like your 3rd Link) and also use passHref.

For example:

<Link href="/[sectionSlug]/[categorySlug]" as={/${category.section.slug}/${category.parent.slug}} passHref><a>{category.parent.name}</a></Link>