鐵人檔案
當前網頁架構分別是 MPA 和 SPA，但這兩種各有其利弊。為了要將 MPA 轉成 SPA，還需要維護前後端兩個專案。這時 Inertia.js 出現了，成功解決了這個問題。Inertia.js 是建構經典後端驅動 SPA 的新方法，不需要寫前端路由和後端 API。這個系列會使用和 Laravel + Vue.js + Inertia.js + Tailwind CSS 這套現代網站的絕佳組合，來建構一個簡易的部落格平台 Lightning，從中一步步了解 Inertia.js 的使用方式~~
文章的新增、顯示都有了，馬上來做剩下的修改和刪除吧！ 編輯文章和刪除文章功能 app/Http/Controllers/Post/PostController...
看到一篇優秀的文章，總是會給它按個讚，也可以從點讚次數來了解這篇文章的受歡迎程度。本篇就來實作這個功能，不過我會叫它「喜歡文章」嘻！ 喜歡功能 不要重複造輪子...
在上篇中已經做完了喜歡文章的功能，但還存在一些問題，本篇就來看這些問題。 預加載 likers()->count() 問題 首先看到的是重複的 Quer...
看完文章後，會想要留下自己的感想或發表意見。本篇就開始來實作文章留言功能。 新增 Comment Model 和相關檔案 依然還是新增 Model 和相關檔案...
首先先新增一個輸入留言的組件，裡面會使用之前做的 Markdown 輸入框組件，enabled prop 為 true 時可正常輸入留言，為 false 時禁...
文章留言功能的最後一步，來做留言列表和刪除留言，把上篇新增的留言秀出來！ 文章留言列表 先來新增一個留言列表組件： resources/js/Lightnin...
網站做好了，本篇就來部署 Lightning 到 Heroku 吧！ 前置作業 首先先做好前置作業，設定 package.json 的 heroku-post...
有用過 Heroku 都知道，無法正常儲存上傳的檔案，因此在本篇中要來串接 Cloudinary，它是一個提供存放圖片、影片等媒體檔案的平台。 安裝 Clou...
2021/03/19: Depictr 套件目前已停止維護，不建議使用。(哭...) SEO 問題一直都是 SPA 的問題點，不過後來出現了 SSR (S...
總結篇就來談一下跟 Inertia.js 相關的事情吧！ 系列總結 "Build single-page apps, without buildi...
