For Pages Router, only two directories have magic meaning: pages/ and public/

Everything else - components/, styles/ , containers/ - is just plain folders that Next.js never looks at. Imports find them like in any TypeScript project. The Learn tutorial puts components/ and styles/ at the root because that's the smallest thing that works, not because Next.js requires them there.