04 · 案例 — 03
代理商官網,內容自己維護
國際模擬器品牌代理商的企業形象網站。要承載的內容有四類:品牌展示、客戶案例、最新消息與經銷據點,其中消息與據點會持續變動。
- 次部署,內容更新即時生效
- 0
- 類內容各有自己的後台
- 4
Next.js · React · Tailwind CSS · Prisma · Neon · NextAuth · Cloudflare R2 · ISR
這個網站要承載什麼
國際模擬器品牌代理商的企業形象網站,前台分四個區塊:品牌展示、客戶案例、最新消息、經銷據點。其中消息與據點持續變動,不是做完就固定的內容。
我們做了什麼
前台採 ISR 混合渲染。頁面預先產生,讀取速度接近靜態網站;單一內容更新後只重新產生對應頁面,不必整站重新部署。
後台是完整的內容管理系統。品牌、案例、消息、據點各自具備新增、修改、刪除介面,內文以富文本編輯器撰寫,圖片直接上傳並託管於 Cloudflare R2,不佔用網站主機。
資料層採 Prisma 搭配 Neon。後台入口以 NextAuth 保護,所有寫入型 API 一律驗證 JWT。
現在的狀態
四類內容全部在後台維護,更新後即時反映到前台,不需要重新部署。