Catch all route at root of app

Question

Can I have a catch all route page at the root of the app rather than a page?
Option 1

/app
----/[...slug]
    ----page.tsx

Or option 2

/app
----[...page].tsx

Rather than

/app
----page.tsx

Neither option 1 or option 2 seem to work
Even if just defining a page like

const Page = () => {
  return <div>page</div>
}

export default Page

Visiting / will just 404. Unless I use page.tsx

page

} export default PageVisiting / will just 404. Unless I use page.tsx

joulev · Accepted Answer

option 1 is the way. but [...slug] matches everything except /. to also match / you need [[...slug]]app/
  [[...slug]]/
    page.tsx

1 Reply