鐵人檔案
當前網頁架構分別是 MPA 和 SPA，但這兩種各有其利弊。為了要將 MPA 轉成 SPA，還需要維護前後端兩個專案。這時 Inertia.js 出現了，成功解決了這個問題。Inertia.js 是建構經典後端驅動 SPA 的新方法，不需要寫前端路由和後端 API。這個系列會使用和 Laravel + Vue.js + Inertia.js + Tailwind CSS 這套現代網站的絕佳組合，來建構一個簡易的部落格平台 Lightning，從中一步步了解 Inertia.js 的使用方式~~
2021/03/28: 前言 必須得承認，這個系列真是頻繁出事，用了 Laravel 7，寫到一半升到 8；Vue.js 2.6 升到 3；Tailwind...
Inertia.js 不是框架，也不是要來取代現有的框架。Inertia.js 的本質是個前端的路由套件，透過銜接既有的「前端框架」和「後端框架」，來達到用...
準備好 Laravel 的開發環境後，就可以開始初始化專案了。 安裝 Laravel 說到 Laravel 最近的大事件，就是 Laravel 8 準備要發布...
裝完 Laravel 後，我們就要開開心心地開始開發啦！首先第一步就是熟悉的 Laravel Router，把預設的 Welcome 視圖換成 Inertia...
上一篇的範例因為沒有用 CSS 調教過，還不大能見人。本篇將來簡單介紹 Tailwind CSS 這個 Utility-First 的 CSS 框架。 Tai...
本篇要來講在網頁很常見的元素 icon。常見的 icon 套件包括 Material Design Icons、Font Awesome、Octicon，而且...
只要是同一個網站，就會有同樣的部分，例如導覽列、頁尾、側邊欄等，需要有 Layout 來統一管理整個網頁的佈局。 網頁內元素開始多了起來，總不可能一直都要複製...
熬了好久，終於要開始做用戶相關的功能啦！雖然 Laravel 預設有幫我們做了一些相關的功能，但沒有完全滿足這個 Lightning 的需求，先來做一些調整。...
調好了用戶 Model，現在可以來做登入/登出了。上篇已經在後端安裝 Laravel UI 有了現成的登入邏輯，但前端就需要做比較多事情...，像用 Tail...
有做過 API 應該都知道，要有 Presenter 層管資料呈現。Laravel 其實已經內建有 Resource 了。不過有個 (我認為) 更適合 Ine...
