现代化框架设计

以 Next.js 为例

1. 自动代码分割（跟 vue/react 脚手架类似，基于页面）：Next.js 会自动将页面和组件按需加载，提高页面加载速度和性能。
2. 服务器端渲染（vs 客户端渲染）：Next.js 支持服务器端渲染，可以提高 SEO 和首屏加载速度。
3. 静态文件服务（没区别）：Next.js 可以将静态文件直接服务于客户端，提高页面加载速度。
4. 自动优化（vs 手动）：Next.js 会自动分析页面和组件，进行优化，提高性能。
5. 热加载（有变化？）：Next.js 支持热加载，修改代码后可以快速看到效果。
6. 客户端路由：Next.js 支持客户端路由，可以提高用户体验。
7. 支持 TypeScript：Next.js 支持 TypeScript，提供了更好的类型检查和 IDE 支持。
8. 支持 API 路由（全栈）：Next.js 可以直接将 API 服务于客户端，方便构建前后端分离应用。
9. 支持多种部署方式：Next.js 可以部署在多种环境中，包括服务器、静态托管服务和云函数等。