章丸丸

background jobs后台工作能很好地帮助我们处理超时的问题即使任务失败了也可以立即重试 upstash workflow点击查看 How to use and de...

章丸丸

uploadthing - File Uploader视频列表中的缩略图一直使用的是Mux自动生成的，现在我们需要实现支持用户上传thumbnail和重置thumbnailN...

章丸丸

Hook useForm()import { useForm } from 'react-hook-form'react-hook-form 提供的一个 hook，创建一个表...

章丸丸

Image组件 在 Basic Layout[https://www.jianshu.com/p/702d55d41673] 中我们曾经提到过 Image 组件的 width...

章丸丸

Hook useMutation()在 tRPC 和 React Query 里，query 用于查询、获取数据（useQuery / useInfiniteQuery）,m...

章丸丸

Hook useState()一个Hook，用于在函数组件中添加状态 Stateconst [count, setCount] = useState(0) 表示 const ...

章丸丸

Database - Foreign keys 外键外键就是在一张表里，存放另一张表主键的字段，用来建立表与表之间的约束和联系外键是数据库级别的约束，当前例子中，如果用户注销...

章丸丸

在clerk提供的user dropdown中添加studio选项及跳转空标签表示不渲染任何DOM元素，在返回多个元素时，不用必须被div包裹，不影响布局、样式 <Compo...

章丸丸

（此篇文章的流程，就是在当前项目中创建一个功能模块的基本全流程，建表→创建tRPC路由→创建组件并使用API路由） Create categories schema添加表结构...

章丸丸

transformerData Transformers[https://trpc.io/docs/server/data-transformers]，序列化响应数据和输入的...

章丸丸

tRPC的基本概念一个用于构建全栈类型安全API的框架（端到端类型安全），让前端可以像调用本地函数一样调用后端api可替代传统的api路由，前后端共用一份类型定义tRPC中有...

章丸丸

ngrok在我们的项目中会使用很多工具的webhook，因此需要提供一个静态域名方便webhook调用ngrok 可以将本地运行的服务用一个公网地址暴露出来安装： brew ...

章丸丸

Neon Consolenew project => connect to your database => psql => connection string，将数据库ur...

章丸丸

Integrate ClerkClerk[https://clerk.com/] => Dashboard => create application，当前登录选项只选择了g...

章丸丸

Image组件 Image 组件来自 Next.js[https://nextjs.org/docs/app/api-reference/components/image]，...