Am I missing something? App router tutorial strange behavior

[vladutclp]

Hi everyone, I'm following the next js dashboard tutorial and my app is behaving in a strange way.

I have the following folder structure app/ui/dashboard, with a page.tsx file insinde the dashboard folder. I would expect that going to http://localhost:3001/dashboard would render the dashboard page component.

But it returns me 404. It works though like this http://localhost:3001/ui/dashboard but the ui folder does not have any page.tsx file.

Am I doing something wrong?

Thank you!

[sensorario]

Paths start form app: App: / App/ui: /ui App/ui/dashboard: /ui/dashboard

[vladutclp]

But in the tutorial this is not specified:

https://nextjs.org/learn/dashboard-app/creating-layouts-and-pages#creating-the-dashboard-page

[vladutclp]

And also based on this https://nextjs.org/learn/dashboard-app/creating-layouts-and-pages#creating-the-dashboard-page, it should only work for folders that have page.tsx/jsx inside of them:

[sensorario]

Ok, ... try witj /ui/dashboard, check that everything is working (I've did it) and open an issue in the documentation. If a segment does not contain page.tsx is... "private". app/foo/bar/ciccio/pasticcio/page.tsx means /foo/bar/ciccio/pasticcio even if /foo, bar/, ... are not containing page.tsx

[vladutclp]

I figured out what was the problem. I forgot to create the dashboard folder in the app and create the page there.

I will close this discussion. @sensorario thanks for your answer :)