In this video, learn how to integrate TRPC with Next.js without using create-t3-app. Get a comprehensive understanding of TRPC as you dive into the basics. Whether you're a beginner or an experienced developer, this video will equip you with the knowledge to make the most of TRPC and Next.js.
Code (Give it a ⭐️ if you think it is helpful) - [ Ссылка ]
Buy me a Coffee: [ Ссылка ]
0:00 intro
1:40 setting up trpc
12:40 setting up Prisma
16:05 hooking prisma with trpc
23:00 creating a root file
26:15 calling our first query
28:10 AddTodo Component
30:15 procedure for creating todo
35:34 UI for endpoint
41:00 making the first mutation
45:45 query getTodo
47:11 Todo component
51:00 invalidating the queries
55:55 procedure to get single todo
57:55 UI for single todo
01:01:35 fixing error
01:03:20 UI for todo page
01:05:07 procedure for update
1:06:34 update function
01:08:50 procedure for delete
1:10:55 delete function
1:14:32 outro
![](https://i.ytimg.com/vi/TAkLj9q7SUM/maxresdefault.jpg)