前言

Next.js作为一款优秀的React同构框架，开箱即用的特点和社区生态完整一直给我的感觉就是用起来很香，上线了更香，npm上weekly donwload目前已超40万，并有逐渐上涨的趋势，不信看下图

Next.js简介

Next.js作为React官方钦定的轻量级同构框架，有以下几个特性：

• 开箱即用，支持0配置开发
• 支持约定式路由
• 支持自定义服务端路由，可以配合其他Node框架使用
• 渐进式babel和webpack配置
• 支持客户端渲染
• 社区活跃，团队不太监
• 对前端新技术支持较为全面，比如AMP、TypeScript、PWA、Serverless等

在Nemo FE以React为主要开发框架的前提下SEO项目重构选择Next.js就非常合适

前言

本文会总结使用Next.js在具体业务场景下碰到的一些大坑以及具体解决方案，在开始总结前先表达下对ZEIT团队的敬佩，感谢🙏他们开源出一款优秀的同构框架，解救了曾经蛋疼的陷在使用模版引擎做SSR项目的开发者(比如我)，通过Next.js重构后的项目更加轻量化，性能上也有大幅度的提升，如下图

前言

在做性能优化的时候关注的重点一般是web端的性能，但在有Node作为中间层使用的情况下Node端的性能同样需要去关注。

比如遇到网络请求慢的情况，原因除了网速问题以外可能也是Node端响应时间较长，所以就需要去抓取出性能耗费点在哪里。