路由

旧款路由 Page Router ，新款路由 App Router 。

Page Router ，about.ts contact.ts 映射为 /about 和 /contact ，意味着组件 table.ts list.ts 得另外存放。两个文件夹，页面和组件，维护麻烦。

App Router ，考虑页面和组件共存，加深文件层级，约定页面为 page.ts ，布局为 layout.ts ，加载为 loading.ts 。about/page.ts contact/page.ts 映射为 /about 和 /contact 。

加深层级，依赖约定，利弊各半。

// app/book/loading.ts

export default function Loading() {
  return <div>Loading...</div>
}