NextJS中App Router替代pages/_app.js的对应文件是什么？

在Next.js的App Router路由系统中，对应Page Router里pages/_app.js的核心全局入口文件是app/layout.js（使用TypeScript时对应app/layout.tsx）。

• 核心作用对应：pages/_app.js原本负责全局布局包裹、全局状态管理、全局样式注入等全局层面的配置，App Router中的根目录app/layout.js承担完全一致的全局作用——它会作为所有页面的父组件，自动包裹所有子路由的页面内容。
• 层级布局扩展：App Router支持路由段级别的布局配置，每个子路由目录都可以创建自己的layout.js，但只有根目录下的app/layout.js是全局级别的，覆盖范围和pages/_app.js完全对应。
• 全局样式处理：如果之前在pages/_app.js中引入全局CSS，在App Router里除了可以直接在app/layout.js中引入外，Next.js 13+还推荐使用app/globals.css文件存放全局样式，框架会自动加载这个文件。

内容的提问来源于stack exchange，提问作者me.at.coding