NextJS与NuxtJS

NextJS Next 是快速成长的 React 框架之一，尤其是在服务端渲染方面。作者把 NextJS 称作一个轻量级框架。我个人认为把它看作一个平台或者是起始模板更合适。 NextJS 的优点

它默认在用户端和服务器端都使用支持热重载的 Webpack。Babel 也默认用诸如 env 或 JSX 的 preset 来编译你的代码。 所有东西默认都是服务端渲染的。 你可以在四分钟内起手写一个略为复杂的 React 应用。另外，学习 Next 也没有任何问题 —— 官方网站有专门的学习页面。你也可以看看它的 GitHub 页面。 你只需要在一个特定的目录下新建 JavaScript 文件，就能创建路由。当然你也可以自定义路由。 服务器端用的是 Node，你可以做任何你想做的事，比如用 Express。 它能基于 import 自动地拆分你的应用 —— 不必要的代码不会被加载。 获取数据极其简单。 想像一下你要学习 NextJS —— 你可以用它做什么？如果你是一个自由开发者，你可以很快开始一个新项目；如果你要构建一个潜在的大项目，NextJS 也会很有用。 你可以配置你需要的任何东西 —— 从页面初始化和路由，到 Webpack 和 Babel 配置。 在任何支持 Node 的环境都可以部署 NextJS 应用。 为你完整地处理了搜索引擎优化（SEO）。 总的来说，NextJS 为你做了大量的事情。

为什么选 NuxtJS？

NuxtJS 是在 VueJS 上层构建的高层次框架，能帮助你构建适用于生产环境的 Vue 应用。

NuxtJS 的优点

构建一个可用于生产环境的 Vue 应用是比较复杂的。Nuxt 不仅预先配置好了 Vuex、Vue Router 和 Vue-meta，还聪明地使用基于充分的研究得来的最佳实践，来预设你的项目。 这些，Vue 并没有以开箱即用的方式提供给你。 创建 Nuxt 应用很简单。Nuxt 脚手架会问你要安装哪些库，比如 ESLint ，或者某个要用的 CSS 框架。 Vue 的默认项目结构会把资源文件和组件文件放在你的源代码目录，而 Nuxt 把你的应用的页面、视图、路由和其他文件夹放在另外的、基于最佳实践的位置。 由于每样东西都有自己固定的位置，在 Nuxt 应用之间迁移和让开发者尽快上手项目是很简单的。 在大的 Vue 项目中，路由配置会很长。使用 Nuxt，你只需要把你的单文件组件放在页面目录下，Nuxt 就会自动零配置地生成路由。 Vue 应用对 SEO 并不友好，而你会希望你的应用的某些页面能被搜索引擎恰当地索引，从而更容易被人找到。最好的解决方案之一是在服务器端预渲染你的页面，但靠自己来配置，可能需要很强的技巧性。而 Nuxt 已经被预设好了，能够借助路由配置在服务器端生成你的应用，并更容易添加 SEO 相关的 tag。