SSR服務端渲染

SSR簡介

SSR 是Server Side Render簡稱；就是在服務端進行渲染生成HTML檔案，浏覽器世界顯示生成HTML檔案， 補充：我們傳統使用的屬于CSR是Client Side Render，頁面上的内容是我們加載的js檔案渲染出來的，檔案運作在浏覽器上面。

SSR優點

可以很好解決首頁需要加載js和CSS導緻頁面加載緩慢問題（最頭疼），SSR直接将HTML字元串傳遞給浏覽器，加快了首屏加載時間。

優化SEO，SSR生成的HTML是有内容的，這讓搜尋引擎能夠索引到頁面内容。

服務端渲染不用關心浏覽器相容性問題，運算過程都在服務端完成，避免浏覽器相容同時也能減少用戶端的電量消耗（省電）

SSR缺點

由于運算都在伺服器完成，是以就需要服務能承受的負載更高。

增加開發的複雜程度，建構和部署。

Nuxt.js 是一個基于 Vue.js 的通用應用架構。 通過對用戶端/服務端基礎架構的抽象組織，Nuxt.js 主要關注的是應用的 UI渲染。

Nuxt.js是特點（優點）：

基于 Vue.js

自動代碼分層

服務端渲染

強大的路由功能，支援異步資料

靜态檔案服務

ES6/ES7 文法支援

打包和壓縮 JS 和 CSS

HTML頭部标簽管理

本地開發支援熱加載

內建ESLint

支援各種樣式預處理器： SASS、LESS、 Stylus等等

Next.js 具有同類架構中最佳的“開發人員體驗”和許多内置功能。列舉其中一些如下：

Next.js是特點（優點）：

直覺的、 基于頁面 的路由系統（并支援 動态路由）

預渲染。支援在頁面級的 靜态生成 (SSG) 和 伺服器端渲染 (SSR)

自動代碼拆分，提升頁面加載速度

具有經過優化的預取功能的 用戶端路由

内置 CSS 和 Sass 的支援，并支援任何 CSS-in-JS 庫

開發環境支援 快速重新整理

利用 Serverless Functions 及 API 路由 建構 API 功能

完全可擴充