{"id":21801030,"url":"https://github.com/wpcodevo/nextjs13-trpc-setup","last_synced_at":"2025-10-31T05:43:20.514Z","repository":{"id":183985901,"uuid":"621836941","full_name":"wpcodevo/nextjs13-trpc-setup","owner":"wpcodevo","description":"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.","archived":false,"fork":false,"pushed_at":"2023-07-26T15:31:49.000Z","size":63,"stargazers_count":36,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T09:11:33.339Z","etag":null,"topics":["nextjs","nextjs13","react","react-query","trpc","trpc-client","trpc-server"],"latest_commit_sha":null,"homepage":"https://codevoweb.com/setup-trpc-server-and-client-in-nextjs-13-app-directory/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wpcodevo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-03-31T13:47:25.000Z","updated_at":"2025-01-04T04:52:00.000Z","dependencies_parsed_at":"2023-07-26T17:31:15.985Z","dependency_job_id":null,"html_url":"https://github.com/wpcodevo/nextjs13-trpc-setup","commit_stats":null,"previous_names":["wpcodevo/nextjs13-trpc-setup"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wpcodevo%2Fnextjs13-trpc-setup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wpcodevo%2Fnextjs13-trpc-setup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wpcodevo%2Fnextjs13-trpc-setup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wpcodevo%2Fnextjs13-trpc-setup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wpcodevo","download_url":"https://codeload.github.com/wpcodevo/nextjs13-trpc-setup/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248759154,"owners_count":21157100,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nextjs","nextjs13","react","react-query","trpc","trpc-client","trpc-server"],"created_at":"2024-11-27T11:15:48.353Z","updated_at":"2025-10-31T05:43:15.470Z","avatar_url":"https://github.com/wpcodevo.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Setup tRPC Server and Client in Next.js 13 App Directory\n\nAre 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.\n\n![Setup tRPC Server and Client in Next.js 13 App Directory](https://codevoweb.com/wp-content/uploads/2023/04/Setup-tRPC-Server-and-Client-in-Next.js-13-App-Directory.webp)\n\n## Topics Covered\n\n- Setup the Next.js 13 Project\n- Create a Client-Side tRPC Provider\n- Add the tRPC Provider to Next.js 13\n- Create the tRPC App Router\n- Create the tRPC HTTP Handler\n- Create the tRPC Hooks\n- Make an API Request\n- Conclusion\n\n\nRead 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/)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwpcodevo%2Fnextjs13-trpc-setup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwpcodevo%2Fnextjs13-trpc-setup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwpcodevo%2Fnextjs13-trpc-setup/lists"}