鐵人檔案
這個題目中你將會:
打造一個屬於你的討論版SaaS
成果會類似
https://www.akraft.net/service/66a6eca2bfccee3f04a52bc4
技術線:
前後端使用Nextjs這個框架
DB使用Xata這個PaaS
如果你可以事先了解會更好:
1. React
2. Typescript
3. Tailwind
4. git / github
前幾年寫過鐵人賽https://ithelp.ithome.com.tw/users/20127836/ironman/3077不過當時的帳號是用FB登入的然後...
安裝Nextjs npx create-next-app@latest 選項全部選預設就好 啟動Nextjs yarn dev 並且在你的瀏覽器打開 htt...
先安裝今天會用到的套件 yarn add lucide-react npx shadcn-ui@latest init 選項全部選預設就好 npx sha...
先定義型別 現在我們需要幫每個討論串加上回覆 export interface IThread { id: string; name: string;...
型別定義 我們現在要優化我們的Service 增加一些跟Service有關的外部連結 類似這樣 export interface ILinkItem { n...
建立頁面 我們現在需要做一個thread頁面 並且讓Service頁面可以連結過去 先在service頁面中將我們的假資料threads給export出去 ex...
我們今天要來做發文的component 先安裝今天會用到的套件 yarn add react-markdown remark-gfm npx shadcn-...
Reply的按鈕 我們希望在Thread的title部分 加上回覆給Thread的按鈕 因此在昨天的 src/components/thread/PostCa...
什麼是Xata https://xata.io/ Xata是一個全託管的Serverless Postgres資料庫 不需要去管理伺服器或資料庫基礎設施 具有以...
先來定義服務要的Schema 在專案的src/lib/database/schema.json 建立以下檔案 { "tables": [...
