本次主題希望分享一些很酷的框架,大家是不是在開發前端時會時常遇到不知道後端 response schema 的狀況,或是只要後端 api response 結構只要一調整,整個 api 甚至是 page 邏輯都要大改,相信大家肯定遇到過,有些公司可能會透過 graphql 去串接,但相對的開發成本也會比較高,或是用 npm package 方式在前端引入 schema,但這樣同樣也需要人力維護 package,沒關係這些我都懂!!trpc 將可以解決以上問題,想知道 trpc 是什麼的話就跟 danny 我一起討索前端新世界吧~
今天我們繼續完成剩下的部分,昨天已經完成 GET / posts 的 api,也順利接值了,今天繼續完 CREATE DELETE UPDATE 的部分。 完成...
今天要來介紹一個 trpc 一個很特的功能 Links。 Links Overview Links 他是一個 trpc 中 client 端跟 server 端...
今天要來講 trpc cache 機制,在 trpc 中有兩種方式 : SSR: true ,透過 getInitialProps 幫頁面做 preRene...
今天要來時做一個很酷的功能就是用 trpc 實作無限滾動~~~拍手,內容主要分兩部份 seed data 要製作無限滾動沒有大量的資料怎麼叫做無限滾動呢!!,這...
今天繼續介紹 infinite scroll 功能。 API 還記得我們 posts 資料是透過 getPosts 拿的,現在我們要來改寫 getPosts 內...
今天要來優化我們infinite scroll 的內容 新增 post 後下方內容沒有更新 如畫面所見新增資料後,每次都要重新整理你的資料才能重新獲取,那怎麼辦...
今天要來實作登入功能,目前登入的規劃有兩種登入方式: 一般的帳密註冊 第三方登入 那為了讓小夥伴快速實作第三方登入部分,會採用 Next-auth 這框架幫...
TRPC day17 tags: 2023鐵人賽 今天會開始實作 api 部分,建議讀者如果沒看昨日內容可以先去看~今天會繼續使用 新增 schema 那登入部...
今天要來介紹 next-auth 設定~ 正文介紹 (安裝) 開始前先安裝需要的套件 > npm install next-auth > npm i...
CredentialsProvider setting CredentialsProvider 他是一個 next-auth 提供客製化帳密管理的功能搭配 n...