Dynamic routing problem

[lewatt23]

Hello please i need help in nextjs , i have a blog page that contains and index.js and [slug].js page, i want the [slug].js to capture all the "blog/[slug]" urls and the index.js to capture the /blog url, please can someone help me out ?
ps: i don't want to create a subfolder for the slug of the articles because i want my route to be
www.mywebsite.com/blog/slug for the [slug].js
and
www.mywebsite.com/blog for the index.js

[timneutkens]

You can use catch-all routes:

pages/blog/[...slug].js

https://nextjs.org/docs/routing/dynamic-routes#catch-all-routes

[lewatt23]

Thanks, please what trying to do is that by default the /blog open the index.js and the /blog/[slug] open the /[slug] page, cause as for now if i open the /blog there is a collision between the pages.

[timneutkens]

/blog matches pages/blog/index.js
/blog/hello-world matchespages/blog/[slug].js

[lewatt23]

Hello i already tried that but as i said there are collisions, both pages are loaded on the **/blog**

[timneutkens]

How? That seems impossible as Next.js can't render 2 pages on 1 route. Please provide a full reproduction.