前端技术更新很快，直接按照书中的例子很多都跑不通了。基于作者的思路，我把代码改调整了一下以适应当下的技术。

1. 启动next.js

2.设置路由

书中用的是Pages Router。Next.js 13.4+之后默认使用App Router。

Pages Router 结构：

project/
├── pages/
│   ├── hello.tsx
│   ├── api/
│   │   └── names.js
│   └── ...

App Router 结构：

project/
├── app/
│   ├── hello/
│   │   └── page.tsx
│   ├── api/
│   │   └── names/
│   │       └── route.js
│   └── ...

核心特性对比