Are you interested in using tRPC in the new Next.js 13 app directory? Look no further! In this article, I'll walk you through the process of setting up a tRPC server and client in the Next.js 13 app directory step by step.
- Setup the Next.js 13 Project
- Create a Client-Side tRPC Provider
- Add the tRPC Provider to Next.js 13
- Create the tRPC App Router
- Create the tRPC HTTP Handler
- Create the tRPC Hooks
- Make an API Request
- Conclusion
Read the entire article here: https://codevoweb.com/setup-trpc-server-and-client-in-nextjs-13-app-directory/