總結篇就來談一下跟 Inertia.js 相關的事情吧！
"Build single-page apps, without building an API."
這是一個「關於我用 Laravel 寫 SPA 卻不寫 API 的那檔事」，相信看到這裡的讀者們都已經知道答案了，在此系列介紹了 Inertia.js 這個新的網頁架構，確實拉近了前端與後端的距離。除了可以用 Laravel + Vue.js 的組合外，也可以套其他的框架組合。讓全端開發者可以輕鬆構建現代 SPA 網站而不需要寫 API。
當然 Inertia.js 也不是萬能的，原本 Inertia.js 只是要設計給單純的前端 SPA + 後端使用，如果你想要串接第三方 (例：APP) 的話，還是得開發 API，這裡請注意。
這個系列不是完全針對 Inertia.js 講解，而是實作一個完整的專案的同時，順便解說 Inertia.js 的使用方式。原因是我認為 Inertia.js 在這整個專案中是如同膠水般的存在，旨在填補前端與後端的隙縫，讓前後端都可以發揮自己的專長，而且用專案的方式可以學到實際開發時的用法。如果想要完全了解 Inertia.js 的使用方式，建議看過 Inertia.js 官方文檔。除了官方文檔外，還請務必要看過 Inertia.js 的老爸 Jonathan Reinink 寫的文章，內容是關於 Inertia.js 的發想到實現：
官方也有提供一個 Inertia 的範例 Ping CRM，看完本系列還不過癮的話，可以研究這個範例。Ping CRM 也是使用 Laravel + Vue.js (畢竟這對是官配 XD)，附上 GitHub 傳送門，如果你想要使用其他框架這裡也有 第三方 Ping CRM。
從開發 Lightning 中，我們了解了 Inertia.js + Laravel + Vue.js + Tailwind CSS 組合的開發方式。這個組合又名 VILT Stack，取 Vue.js、Inertia.js、Laravel、Tailwind CSS 的首字母。Vue.js 和 Laravel 都是知名的前/後端框架大家都知道，Inertia.js 則是本系列介紹的，而 Tailwind CSS 憑藉者可高度客製化的特性，在 CSS 界漸漸知名了起來。VILT Stack 可以說是在 2020 年建構現代網站最佳的選擇之一。
如果你想深度了解和學習使用 Tailwind CSS 刻板，可以看六角學院校長的鐵人賽影片教學 CSS 優良部份，有詳細介紹 Tailwind CSS 的使用方式。
跟 Inertia.js 有關聯的莫過於 Livewire，Livewire 和 Inertia.js 都是現代全端開發的解決方案，但實作上卻完全不同：
簡單來說，比較習慣用前端刻頁面就用 Inertia.js，習慣用後端 (Laravel Blade) 刻頁面就用 Livewire。
Livewire 官網 了解更多。
Laravel 8 發布之際，官方也推出了一個全新的 Laravel 專案腳首架 Jetstream，提供登入、註冊、E-mail 驗證、雙因素身分驗證、登入 Session 管理、由 Laravel Sanctum 提供的 API 支援、以及選擇性的團隊管理。重點是 Jetstream 也提供 Inertia.js 和 Livewire 兩種架構選擇，讓你可以輕鬆使用優秀的 Laravel 全端開發方式來開發你的專案。而且只要使用 Laravel Inetaller 就可以建立帶有 Jetstream 腳首架的新專案。
Jetstream 官網 了解更多。
30天轉瞬即逝，感覺第一次參加鐵人賽還真是超有挑戰性，以前都沒有寫過這麼長的系列文，每天都在想今天的文發了沒，過程中也學到許多東西。當然也有許多不足的地方，下次有待加強。(還有我的文筆不大好 XD)
會選 Inertia.js 當主題是因為，當初發現用 Inertia.js 可以讓我的 Laravel + Vue.js 專案有著如此完美的結合，馬上就看完官方文檔，然後加到我的新專案中開始研究。研究著就萌生出一個想法，如果更多人知道這個東西該有多好，以後一個人開發 SPA 就不用再架 API 和花時間學架前端應用了。基於這個想法，就報了鐵人賽，寫出了這個系列，期待更多全端開發者可以認識到這個有趣的新技術。而且這個東西是在去年 2019 年才出現，趁早寫不會有人和我搶主題 XD。
Lightning 範例程式碼：https://github.com/ycs77/lightning
我是 Lucas Yang (楊晨信)，感謝你的閱讀，希望本系列可以幫到那個還在寫 API 開發 SPA 的你。
iThome鐵人賽
看影片追技術