Hoppa till huvudinnehållet
Version: 11.x
Inofficiell Beta-översättning

Denna sida har översatts av PageTurner AI (beta). Inte officiellt godkänd av projektet. Hittade du ett fel? Rapportera problem →

End-to-end typesafe APIs made easy

weekly downloads GitHub License GitHub Stars

Introduktion​

tRPC låter dig bygga och använda fullständigt typsäkra API:er utan scheman eller kodgenerering. Det kombinerar koncept från REST och GraphQL – om du inte är bekant med någon av dem, kolla in de viktigaste Koncepten.

I fullstack TypeScript-projekt är det en vanlig utmaning att hålla API-kontrakten synkroniserade mellan klient och server. tRPC löser detta genom att utnyttja TypeScripts typinferens direkt, utan något kodgenereringssteg, och fångar upp problem vid byggtid.

tRPC kan köras fristående eller monteras som en slutpunkt på ditt befintliga REST API med hjälp av vårt omfattande ekosystem av adaptrar.

Funktioner​

  • ✅  Väl testad och produktionsredo.

  • 🧙‍♂️  Full statisk typesäkerhet & autokomplettering på klienten för input, output och fel.

  • 🐎  Snabb DX - Ingen kodgenerering, runtime-bloat eller byggpipeline.

  • 🍃  Lättviktig - tRPC har noll runtime-beroenden och ett minimalt klientfotavtryck.

  • 🐻  För nya och befintliga projekt - Enkelt att börja med eller lägga till i brownfield-projekt.

  • 🔋  Ramverksoberoende - tRPC-gemenskapen har byggt adaptrar för alla populära ramverk.

  • 🥃  Stöd för prenumerationer - Lägg till typsäkra realtidsuppdateringar i din applikation.

  • ⚡️  Request-batchning - Samtidiga förfrågningar kan automatiskt kombineras till en.

  • 👀  Exempel - Utforska ett exempel för att lära dig eller använda som startpunkt.

Snabb överblick​

Se mer på sidan Videor och gemenskapsresurser.

Prova tRPC​

Eller använd en exempelapp för att komma igång lokalt.

Adoptera tRPC​

Skapa ett nytt projekt​

Eftersom tRPC kan integreras med många olika ramverk måste du först bestämma var du vill använda det.

På backend-sidan finns adaptrar för en rad ramverk samt vanilla Node.js. På frontend-sidan kan du använda vår TanStack React Query- eller Next.js-integration, en tredjepartsintegration för andra ramverk, eller Vanilla Client som fungerar var som helst där JavaScript körs.

När du valt din stack kan du antingen bygga din app med en mall eller börja från grunden med dokumentationen för din valda backend- och frontendintegration.

Lägga till tRPC i ett befintligt projekt​

Att lägga till tRPC i ett befintligt projekt skiljer sig inte nämnvärt från att starta ett nytt projekt, så samma resurser gäller. Den största utmaningen är att det kan kännas svårt att veta hur man integrerar tRPC med din befintliga applikation. Här är några tips:

  • Du behöver inte flytta all din befintliga backendlogik till tRPC. En vanlig migrationsstrategi är att initialt endast använda tRPC för nya slutpunkter och först senare migrera befintliga slutpunkter till tRPC.

  • Om du är osäker på var du ska börja, kolla dokumentationen för din backend-adapter och frontend-implementering, samt exempelapparna.

  • Om du letar efter inspiration för hur tRPC kan se ut i en större kodbas, finns det exempel i Projekt med öppen källkod som använder tRPC.

Gemenskap​

Gå med oss på Discord för att ställa frågor och dela med dig av dina erfarenheter!