04 · 案例 — 03

代理商官網,內容自己維護

國際模擬器品牌代理商的企業形象網站。要承載的內容有四類:品牌展示、客戶案例、最新消息與經銷據點,其中消息與據點會持續變動。

次部署,內容更新即時生效
0
類內容各有自己的後台
4

Next.js · React · Tailwind CSS · Prisma · Neon · NextAuth · Cloudflare R2 · ISR

這個網站要承載什麼

國際模擬器品牌代理商的企業形象網站,前台分四個區塊:品牌展示、客戶案例、最新消息、經銷據點。其中消息與據點持續變動,不是做完就固定的內容。

我們做了什麼

前台採 ISR 混合渲染。頁面預先產生,讀取速度接近靜態網站;單一內容更新後只重新產生對應頁面,不必整站重新部署。

後台是完整的內容管理系統。品牌、案例、消息、據點各自具備新增、修改、刪除介面,內文以富文本編輯器撰寫,圖片直接上傳並託管於 Cloudflare R2,不佔用網站主機。

資料層採 Prisma 搭配 Neon。後台入口以 NextAuth 保護,所有寫入型 API 一律驗證 JWT。

現在的狀態

四類內容全部在後台維護,更新後即時反映到前台,不需要重新部署。