background jobs后臺(tái)工作能很好地幫助我們處理超時(shí)的問題即使任務(wù)失敗了也可以立即重試 upstash workflow點(diǎn)擊查看 How to use and de...
發(fā)簡信
IP屬地：江蘇
-
Tube - AI background jobs
-
Tube - Video thumbnails
uploadthing - File Uploader視頻列表中的縮略圖一直使用的是Mux自動(dòng)生成的，現(xiàn)在我們需要實(shí)現(xiàn)支持用戶上傳thumbnail和重置thumbnailN...
-
Tube - Video form
Hook useForm()import { useForm } from 'react-hook-form'react-hook-form 提供的一個(gè) hook，創(chuàng)建一個(gè)表...
-
Tube - Mux Webhooks
Image組件 在 Basic Layout[http://www.itdecent.cn/p/702d55d41673] 中我們?cè)?jīng)提到過 Image 組件的 width...
-
Tube - Mux Integration
Hook useMutation()在 tRPC 和 React Query 里，query 用于查詢、獲取數(shù)據(jù)（useQuery / useInfiniteQuery）,m...
-
Tube - Infinite Loading
Hook useState()一個(gè)Hook，用于在函數(shù)組件中添加狀態(tài) Stateconst [count, setCount] = useState(0) 表示 const ...
-
Tube - Studio Videos
Database - Foreign keys 外鍵外鍵就是在一張表里，存放另一張表主鍵的字段，用來建立表與表之間的約束和聯(lián)系外鍵是數(shù)據(jù)庫級(jí)別的約束，當(dāng)前例子中，如果用戶注銷...
-
Tube - Studio Layout
在clerk提供的user dropdown中添加studio選項(xiàng)及跳轉(zhuǎn)空標(biāo)簽表示不渲染任何DOM元素，在返回多個(gè)元素時(shí)，不用必須被div包裹，不影響布局、樣式 <Compo...
-
Tube - Video Categories
（此篇文章的流程，就是在當(dāng)前項(xiàng)目中創(chuàng)建一個(gè)功能模塊的基本全流程，建表→創(chuàng)建tRPC路由→創(chuàng)建組件并使用API路由） Create categories schema添加表結(jié)構(gòu)...
-
Tube - tRPC Configuration
transformerData Transformers[https://trpc.io/docs/server/data-transformers]，序列化響應(yīng)數(shù)據(jù)和輸入的...
-
Tube - tRPC setup
tRPC的基本概念一個(gè)用于構(gòu)建全棧類型安全API的框架（端到端類型安全），讓前端可以像調(diào)用本地函數(shù)一樣調(diào)用后端api可替代傳統(tǒng)的api路由，前后端共用一份類型定義tRPC中有...
-
Tube - Webhook sync
ngrok在我們的項(xiàng)目中會(huì)使用很多工具的webhook，因此需要提供一個(gè)靜態(tài)域名方便webhook調(diào)用ngrok 可以將本地運(yùn)行的服務(wù)用一個(gè)公網(wǎng)地址暴露出來安裝： brew ...
-
Tube - Database setup
Neon Consolenew project => connect to your database => psql => connection string，將數(shù)據(jù)庫ur...
-
Tube - Authentication
Integrate ClerkClerk[https://clerk.com/] => Dashboard => create application，當(dāng)前登錄選項(xiàng)只選擇了g...
-
Tube - Basic Layout
Image組件 Image 組件來自 Next.js[https://nextjs.org/docs/app/api-reference/components/image]，...
-
Tube - SetupEnvironment集成工具包：bun[https://bun.sh/docs] ，獲取當(dāng)前安裝版本bun --version， 1.2.10node.js 版本：v20....
-
three.js - Animated Galaxy本篇文章將要繪制一個(gè)具有動(dòng)畫效果的galaxy，關(guān)于galaxy的實(shí)現(xiàn)可以參考之前的這篇筆記 Galaxy[http://www.itdecent.cn/p/3087edb...
-
three.js - Raging-seaWe're going to create raging sea only by using shaders Set up Replace the mesh and repl...
-
three.js - ShadersWhat is a shader?Program written in GLSLSent to the GPUPosition each vertex of a geomet...
-
three.js - Realistic Render添加物體和燈光 Load the model, increase its scale, rotate it Load the environment map, 我們加載的是立...