Vue-SSR相信大家都不陌生，与传统 SPA 相比，服务器端渲染 (SSR) 能够具备更好的SEO，方便搜索引擎爬虫抓取工具可以直接查看完全渲染的页面，除此之外，SSR能够在更短的时间内渲染出页面内容，通过在服务端填充数据吐出到客户端的方式，让用户有更好的用户体验。

最近简单的研究了一下SSR，对SSR已经有了一个简单的认知，主要应用于单页面应用，Nuxt是SSR很不错的框架。也有过调研，简单的用了一下，感觉还是很不错。但是还是想知道若不依赖于框架又应该如果处理SSR,研究一下做个笔记。

有时候，我们会有这样的需求，在项目的前端页面中需要使用一个swiper插件，来实现图片轮播，但是nuxt是在服务端进行编译的，那么问题来了，我们如何像在vue中那样使用第三方模块，封装轮播公用组件呢？答案是：使用nuxt到插件功能。

在经过26次金丝雀发布和340万次下载之后，现在，我们正式推出生产就绪的Next.js 7。DX改进：启动速度提高57％，重新编译速度提高42％；使用react-error-overlay更好地报告错误；编译管道升级：Webpack 4和Babel 7；标准化的动态导入；静态CDN支持；

随着越来越多新型前端框架的推出，SSR 这个概念在前端开发领域的流行度越来越高，也有越来越多的项目采用这种技术方案进行了实现。SSR 产生的背景是什么？适用的场景是什么？实现的原理又是什么？

一个单页应用（通常也叫做 SPA ）是一个客户端渲染的 App 。这是一个仅在浏览器端运行的应用。如果你正在使用框架，比如 React， Vue.js 或者 AngularJS ，客户端将从头开始渲染你的 App 。