Skip to content

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.

Notifications You must be signed in to change notification settings

wpcodevo/nextjs13-trpc-setup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Setup tRPC Server and Client in Next.js 13 App Directory

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/

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published