前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人 的課程，來加速自己的熟悉程度。這篇會筆記下 Vue 的 SSR 相關知識和 Nuxt 入門 。
課程相關資訊
[連結]：https://hiskio.com/courses/419/lectures/20804
本篇範圍：Chapter 2 ( Vue 的 SSR 原理 ) ，一共有 10 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. SPA ( Single Page Application ) – 單頁式網頁運用，DOM 元素都是透過 JavaScript 渲染上去的
2. SSR ( Server Side Rendering ) – 伺服器端回傳時，會渲染你的網頁內容
3. SEO 和其他的網頁爬蟲，並不會讀取到 JavaScript 的內容。所以 SSR 會比較符合平台、商業等網站；SPA 可以用於不需要 SEO 的網站，像是後台系統、內網…..等
4. Nuxt SSR 在打包專案時，會產出兩份檔案：一份給 Server ，一份給客戶端。由於 Nuxt 本身是基於 JavaScript 所執行，所以後端的 Server 也得是 Node.js 系列才會達到最佳效果。
