鐵人檔案
這個題目中你將會:
打造一個屬於你的討論版SaaS
成果會類似
https://www.akraft.net/service/66a6eca2bfccee3f04a52bc4
技術線:
前後端使用Nextjs這個框架
DB使用Xata這個PaaS
如果你可以事先了解會更好:
1. React
2. Typescript
3. Tailwind
4. git / github
Nextjs的api 建立Nextjs的api 在src/app/api/service/[serviceId]/thread/route.ts中 建立以下的檔...
我們先來處理昨天的問題 點開你的F12 你就看到錯誤的原因 昨天的問題來自前後端的時間渲染不一致 因此我們需要統一時間的作法 新增一個時間格式化的functio...
來建立Dashboard吧 我們現在需要管理後台 來管理我們自己的版面 因此我們需要做登入的功能 我們這邊使用Authjs來實作 Authjs 首先我們需要先安...
我們今天要來實作修改Service的api 先實作驗證使用者登入身份的middleware 建立src/lib/middleware/serviceOwnerC...
優化一些機制 現在你的版面應該可以算是初步完成了 現在我們來優化一些機制 例如讓用戶可以回報版面上的一些鬧版 新增回報的table 修改你的schema.jso...
查看回報 為了方便我們快速引導至Dashboard畫面 我們可以在最上方的連結中 加入dashboard的連結 在src/components/layout/T...
我們想要在首頁顯示目前最新的幾個thread 在你的src/lib/database/thread.ts中 新增下的function 原因是因為我們在首頁不需要...
我們來試試Nextjs的Server Action 什麼是Server Action Server Action 的目的是將Server端的函數直接嵌入到客戶端...
我們將新增thread的API也改成使用server action 先新增src/app/actions/threads.ts "use server...
i18n 先安裝今天會用到的套件 pnpm dlx shadcn@latest add select pnpm install @formatjs/intl...
