Vercel & Next.js
Vercel 使用 other 前端框架时需要自己配置缓存策略
v0 是 AI 生产代码
静态资源 Vercel Edge Network
Next.js
- 仅客户端渲染使用 `dynamic`(React.lazy) // 不使用动态导入如何实现？
- SSG 使用 getStaticProps，只运行在构建时
- SSR 使用 getServerSideProps，运行在每次请求
- 动态路由 getStaticPaths，只运行在构建时
- 客户端获取数据 SWR
- […id].js 匹配所有路由，片段以数组形式
- fallback 路由
- API Routes 无服务器 API
特点
- 前端代码后端运行
- 预渲染的页面只包含最少代码
- 水合（React 特性）