https://github.com/wpcodevo/nextjs13-trpc-setup
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.
https://github.com/wpcodevo/nextjs13-trpc-setup
nextjs nextjs13 react react-query trpc trpc-client trpc-server
Last synced: 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/wpcodevo/nextjs13-trpc-setup
- Owner: wpcodevo
- Created: 2023-03-31T13:47:25.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-26T15:31:49.000Z (almost 2 years ago)
- Last Synced: 2025-03-27T09:11:33.339Z (3 months ago)
- Topics: nextjs, nextjs13, react, react-query, trpc, trpc-client, trpc-server
- Language: CSS
- Homepage: https://codevoweb.com/setup-trpc-server-and-client-in-nextjs-13-app-directory/
- Size: 61.5 KB
- Stars: 36
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Setup tRPC Server and Client in Next.js 13 App Directory
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.
## Topics Covered
- 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/](https://codevoweb.com/setup-trpc-server-and-client-in-nextjs-13-app-directory/)