NextJS让我很困惑。所有官方的例子和许多（大多数，所有？）我读过的教程包括官方文档都是用pages目录组织应用程序（如果需要的话，还有一个api目录用于后端服务）。他们声称pages目录下的每个文件都会自动反映相应的路由名称。
然而，当用npx create-next-app@latest创建一个新的NextJS应用程序时，我得到了一个完全不同的设置。它包含一个名为app而不是pages的文件夹。此外，app-文件夹包含一个文件page.txs作为同义词，它以前是pages-folder中的index.tsx。
在这些教程和文档中，有一个概念，即通过放置文件pages/_app.tsx来覆盖系统-App-组件。我找不到任何东西如何做到这一点与新的董事会计划。
教程和文档：

- package.json
- next.config.js
+ pages
  - _app.tsx
  - _document.tsx
  - about.tsx
  - index.tsx
+ public
  - favicon.ico

新脚手架：

+ app
  - favicon.ico
  - globals.css
  - layout.tsx
  - page.tsx
- next.config.hs
- package.json

NextJS怎么了？什么是正确的？是npx create-next-app@latest创建的scaffold出错了，还是我找不到另一个版本的文档？
如果新的scaffold是正确的版本，我如何在app-目录中放置新的路由和子页面？拥有api目录的概念仍然有效吗？
我希望有人能在这里为我解释一下NextJS的最新进展。谢谢你！