【Next.js】Issue Tracker - Part 2

上次完成到基本的CRUD及權限控制，後面花了點時間把排序、分頁、圖表總覽的部分做完，其他細節是佈署上線，一般在公司內有專屬的部門處理，僅了解一下流程。

Dashboard

在儀錶板這頁由三個區塊組成：

• 左上方各狀態的Issue牌卡統計
• 左下方圖表
• 右側呈現建立時間最近的5項Issue牌卡

Issue

在排卡列表增加下列功能：

• 根據標題、狀態、建立時間進行排序
• 分頁檢視

後記

請求處理，基本上透過框架都大同小異；cache機制等優化方式，大多也跟框架做了配套， 不需要自己另外刻重送等邏輯；markdown編輯器呈現跟圖表，也是仰賴其他現有套件，之前還看過做miro clone的專案，也是有現成的依賴可以引入做結合。

專案資料夾架構因為跟路由相關，所以整體分層也不算太亂，一方面也是因為跟著做個段落就進行重構，重複的項目抽出來獨立組件，每層組件也盡量拆分單一職責。

其實跟著教學做，不光只是為了完成功能，更多時候是在參考如何設計出好維護、更加有彈性的專案架構。