你做了什麼？
為什麼在搜尋引擎上面搜尋我們的網站
結果只會出現一大堆看不懂的程式碼？

我們的網站SEO優化做的奇差無比你知道嗎？小明一開始覺得很委屈，他什麼都沒做，怎麼會落得如此下場。但經過左思右想之後，終於發現了癥結點：SPA。
內容在哪裡？不在這裡，因為那是由JavaScript動態產生的。只有你的網站經由瀏覽器載入並且執行JavaScript，等Response回來之後才會動態產生出內容。因此無論是哪個頁面，你檢視原始碼都看不到動態新增後的內容。

但其實網站架設也沒有那麼壞，因為強大的Google的爬蟲其實支援執行JavaScript，所以他依然會index你在前端渲染之後的頁面。不過還是有兩個問題，第一個是我們不知道Google如何執行，會不會前端還沒完全渲染完就已經爬完了？第二個是除了Google，還有其他很多搜尋引擎，有些可能沒有像Google這麼強大，碰到SPA就只能索引空蕩蕩的HTML，內容幾乎空白。第一個頁面由Server side render，之後的操作還是由Client side render，沒錯，這個概念就叫做SSR，Server Side Rendering。https://www.cd.com.tw/news.html

有了SSR以後，就解決了SEO優化的問題，以及網站架設的問題，對網路爬蟲來說你有沒有用SPA都無所謂，他所抓到的內容都是一樣的。可是對使用者來說，一樣能享受到SPA所帶來的好處（不用換頁）。MVC就是因為code變得越來越亂，所以將職責區分清楚的一種設計模式。SPA就是因為想增進使用者體驗，而出現的一種在前端利用Ajax達成不換頁的方法。SSR就是因為要解決SPA的SEO優化問題而出現的解法。
 
資料來源：數位時代，https://www.bnext.com.tw/article/49172/code-mvc-spa-ssr-html