使用前端框架(Client-side Render )可以幫你加快開發速度

但會有一個問題就是SEO
SEO 俗稱 搜尋引擎最佳化（英語：search engine optimization，縮寫為SEO）
可以讓google、百度收納你的網站，讓網路使用者可以搜尋
可以說想讓你的網站給全世界的人看到，SEO做得越好，越能達到目的

這時候就有一個"但是"，SEO不會去解析Javascript
以angular為範例

<div ng-app="myApp" ng-controller="myCtrl">
    <p >{{text}}</p>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.text = "世界 Hello~";
});
</script>

你想要讓Google搜尋到 "世界 Hello~"
但是Google只會收納 "{{text}}"
這時候才需要SSR(Server-Side Rendering)
需要使用到nodejs、.net MVC、java等後端語言
讓server幫我們先把處理資料，在把處理完的網頁傳給使用者
以.net MVC為例:

@{
    var text = "世界 Hello~"
}
<div>
    <p>@text</p>
</div>

經過server幫我們處理資料，使用者端網頁內容就變成我們想要的

<div>
    <p>世界 Hello~</p>
</div>