建構最快速 Angular 應用程式的最佳方式。Scully 是一個靜態網站產生器，適用於想要擁抱 JAMStack 的 Angular 專案。

• 開始使用
• 完整文件
• 現場示範 (來自 2019 年 12 月 16 日)

什麼是 Scully？

Scully 會將您應用程式中的每個頁面預先渲染為純 HTML & CSS。為了做到這一點，Scully 使用機器學習技術來找出專案中的所有路由。然後，Scully 會訪問每個路由，渲染視圖並將其儲存到 HTML 檔案。

然後，您可以將所有這些 HTML 檔案發佈到生產環境。現在，您應用程式中的每個視圖都可以僅以幾 KB 的大小傳遞給使用者，而不是下載整個 Angular 應用程式所需的數百/數千 KB。

您的應用程式會立即顯示在任何裝置上（包括行動 3G）。

一旦完全渲染的 HTML 到達/顯示在使用者的視圖上，您的 Angular 應用程式就會在現有的視圖之上載入和引導。這表示 Scully 為您提供了兩全其美的優點

1. 將您的整個應用程式預先渲染為最基本的 HTML & CSS 形式的能力。
2. 仍然擁有以 Angular 編寫的功能完整的 SPA 的能力。

當您的應用程式經過預先渲染後，使用者不再需要等待所有 JavaScript 下載、解析和執行才能看到並與您的網站互動。他們可以立即開始查看並與頁面互動。當您的頁面可以立即使用時，您將減少放棄的瀏覽次數，並在我們的網站上獲得更高的轉換率。

這也表示您可能不需要將後端發佈到生產環境。由於視圖是預先渲染的，並且資料是在建置時擷取的，因此所有可以在生產環境中無需後端運行的視圖都可以在生產環境中無需後端運行。當您考慮到這些事實時，其安全性和成本影響可能會令人震驚。

對於那些想了解更多關於此流程的人，請閱讀入門指南。對於那些想了解更多關於預先渲染 JavaScript SPA 背後的理論的人，我們在 Netlify 的朋友寫了一本關於 JAMStack 的免費書籍。今天就去看看吧。