Repolode
trpc

trpc/trpc

스키마나 코드 생성 없이 서버와 클라이언트 간 타입을 공유하는 TypeScript용 엔드투엔드 타입 안전 API입니다.

스타
40,719
포크
1,712
열린 이슈
178
마지막 커밋
3시간 전

어떤 프로젝트인가요?

tRPC를 사용하면 스키마를 정의하거나 클라이언트 코드를 생성하지 않고도 TypeScript에서 완전한 타입 안전 API를 만들고 사용할 수 있습니다. 클라이언트는 서버의 router 정의에서 직접 추론한 프로시저 입력, 출력, 오류의 정적 타입과 자동 완성 기능을 사용할 수 있습니다. 클라이언트는 서버에서 타입 선언만 가져오기 때문에 컴파일 시점에 양쪽의 타입이 일치합니다.

라이브러리는 의존성이 전혀 없고 클라이언트 측 용량도 작습니다. React, Next.js, Express, Fastify용 어댑터를 제공하며, React에 종속되지 않아 다른 라이브러리용 커뮤니티 어댑터도 사용할 수 있습니다. 구독을 지원하고, 동시에 발생한 요청은 하나의 호출로 묶을 수 있습니다.

기존 프로젝트에 점진적으로 도입할 수 있도록 설계되어, 팀에서 기존 REST 또는 GraphQL 엔드포인트와 함께 사용할 수 있습니다.

핵심 기능

  • 01코드 생성 없이 클라이언트에서 입력, 출력, 오류의 정적 타입을 추론합니다.
  • 02의존성이 전혀 없고 클라이언트 측 용량이 작습니다.
  • 03Next.js, React, Express, Fastify용 어댑터를 기본 제공합니다.
  • 04구독을 지원합니다.
  • 05동시에 발생한 요청을 자동으로 일괄 처리합니다.

활용 사례

  • 프론트엔드와 백엔드가 하나의 코드베이스를 공유하는 풀스택 TypeScript 앱을 구축할 때.
  • 기존 Next.js 프로젝트에 타입 안전한 내부 API를 추가할 때.
  • 직접 작성한 REST 클라이언트와 중복된 타입 정의를 대체할 때.

빠른 시작

  1. 1

    (yarn으로) 시작할 예제 앱 선택

    yarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
  2. 2

    또는 npm으로 시작

    npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
  3. 3

    자세한 문서는 trpc.io에서 확인하세요

토픽

자주 묻는 질문

trpc은(는) 무엇인가요?
스키마나 코드 생성 없이 서버와 클라이언트 간 타입을 공유하는 TypeScript용 엔드투엔드 타입 안전 API입니다. tRPC를 사용하면 스키마를 정의하거나 클라이언트 코드를 생성하지 않고도 TypeScript에서 완전한 타입 안전 API를 만들고 사용할 수 있습니다. 클라이언트는 서버의 router 정의에서 직접 추론한 프로시저 입력, 출력, 오류의 정적 타입과 자동 완성 기능을 사용할 수 있습니다. 클라이언트는 서버에서 타입 선언만 가져오기 때문에 컴파일 시점에 양쪽의 타입이 일치합니다.
trpc은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
trpc은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
trpc은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. trpc의 마지막 커밋은 2026년 10월 21일입니다.
trpc은(는) 어디에 사용할 수 있나요?
프론트엔드와 백엔드가 하나의 코드베이스를 공유하는 풀스택 TypeScript 앱을 구축할 때. 기존 Next.js 프로젝트에 타입 안전한 내부 API를 추가할 때. 직접 작성한 REST 클라이언트와 중복된 타입 정의를 대체할 때.
trpc는 어떻게 설치하나요?
(yarn으로) 시작할 예제 앱 선택: yarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter 또는 npm으로 시작: npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter 자세한 문서는 trpc.io에서 확인하세요
trpc은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/trpc/trpc

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트