← 回到所有作品案例網站系統
MeowLife Studio 官網系統
MeowLife Studio 自己的官網，同時也是前後台資料驅動架構的實作案例。
Next.jsPrismaSQLiteTailwind CSS
專案背景
MeowLife Studio 需要一個能同時展示服務、作品與商品，並且方便自己長期更新內容的官網。
原本遇到的問題
如果每次調整文字或新增作品都要改程式碼再重新部署，內容會很難維持在最新狀態。
MeowLife Studio 負責的範圍
從前台頁面、後台管理系統到資料庫架構，整套規劃與開發都由 MeowLife Studio 自己完成。
規劃與解決方式
採用 Next.js 搭配 Prisma 建立資料驅動架構，把服務、案例、詢問紀錄都收進後台可管理的資料表，前台頁面直接讀取資料庫內容渲染。
完成的主要功能
- 服務項目與作品案例後台管理
- 詢問表單與紀錄追蹤
- 首頁文字可透過後台編輯
- 管理員登入與權限控管
實際成果
上線後所有內容都能透過後台自行更新，不需要再請人改程式碼。