Hello Folks,
I am currently looking into Next.js.
I have made my way trough the Next.js Tutorial Section and troughout this guide i was met with a Project Structure that resembled something like this:

.
├── components
├── node_modules
├── pages
    └── index.js
├── public
└── styles

Now I have created a Project using the command npx create-next-app@latest and suddenly the Project Structure is something like this:

.
├── public
└── src
└── app
    ├── globals.css
    ├── layout.tsx
    └── page.tsx

how do these two correlate to one another?
I imagine if i create a pages folder inside app next will automatically pick up on that and turn the latter project structure in the first one, or am I mistaken?