iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

一些讓你看來很強的全端- trcp 伴讀 系列

本次主題希望分享一些很酷的框架,大家是不是在開發前端時會時常遇到不知道後端 response schema 的狀況,或是只要後端 api response 結構只要一調整,整個 api 甚至是 page 邏輯都要大改,相信大家肯定遇到過,有些公司可能會透過 graphql 去串接,但相對的開發成本也會比較高,或是用 npm package 方式在前端引入 schema,但這樣同樣也需要人力維護 package,沒關係這些我都懂!!trpc 將可以解決以上問題,想知道 trpc 是什麼的話就跟 danny 我一起討索前端新世界吧~

參賽天數 1 天 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day-021. 一些讓你看來很強的全端 TRPC 伴讀 -Middleware

終於說了那麼多next-auth篇幅現在可以談主角trpc 了,有了next-auth 的 session 內容,我們就可以把它放到 trpc 的 contex...

2023-10-05 ‧ 由 danny101201 分享
DAY 1

Day-022. 一些讓你看來很強的全端 TRPC 伴讀 -withAuth

讀者還記得昨天登出後停留在 posts 頁面問題嗎? 今天要來實作 moddleware 機制,概念就是在posts 頁面中只要沒有 session 就返回 s...

2023-10-06 ‧ 由 danny101201 分享
DAY 1

Day-023. 一些讓你看來很強的全端 TRPC 伴讀 -trpc test

今天來寫一下 api union test 這是會用 vitest 與 prisma 做一些 mock data 的 test case 那我們廢話不多說馬上...

2023-10-07 ‧ 由 danny101201 分享
DAY 1

Day-024. 一些讓你看來很強的全端 TRPC 伴讀 -TRPC with App router

先前的範例都是在 NextJS 的 page router ,筆者一開始以為沒有支援 app router 的使用,但仔細深入研究後 TRPC 對於 app r...

2023-10-08 ‧ 由 danny101201 分享
DAY 1

Day-025. 一些讓你看來很強的全端 TRPC 伴讀 -Token authorization ( Init )

今天我們要來實作 refetch_token跟 access_token 實作~流程大概會是如下。 Add a new user to the databas...

2023-10-09 ‧ 由 danny101201 分享
DAY 1

Day-026. 一些讓你看來很強的全端 TRPC 伴讀 -Token authorization (JWT )

今天要來寫 api 摟~前情提要一下這次的功能雖然是簡單的 refresh token 的身份驗證,但內容會比較扎實一點,難度比較高,都是一些正常開發會考慮到的...

2023-10-10 ‧ 由 danny101201 分享
DAY 1

Day-027. 一些讓你看來很強的全端 TRPC 伴讀 - zustand & cloundinary

昨天完成了 api 內容,今天繼續來補齊前端部分~ error formating 開始之前先補一個昨天忘記說到的內容,首先我們簡單測試一下 api,這邊要注意...

2023-10-11 ‧ 由 danny101201 分享
DAY 1

Day-028. 一些讓你看來很強的全端 TRPC 伴讀 -Token authorization ( page )

昨天介紹如何使用 cloundinary 今天繼續介紹 page 部分。 Register page register page 需要注意的是每當 user...

2023-10-12 ‧ 由 danny101201 分享
DAY 1

Day-029. 一些讓你看來很強的全端 TRPC 伴讀 -api doc

今天要來介紹一些 trpc 蠻方便的 Extensions~昨天完成了 refresh token 的實作,那大家不知道會不會有一個疑問是我要怎麼產生 api...

2023-10-13 ‧ 由 danny101201 分享
DAY 1

Day-030. 一些讓你看來很強的全端 TRPC 伴讀 - 結語

賽後感言 首先如果讀者有看到這邊,我由衷非常感謝你們的支持~第一次參賽就完美落幕哈哈,以前都是看別人的 it 文學習,直到自己下去寫之後才覺得蠻多挫折的XD,這...

2023-10-14 ‧ 由 danny101201 分享