Type safety end-to-end con tRPC
Aggiunga tRPC a un progetto SvelteKit per una comunicazione client-server completamente tipizzata.
Type safety end-to-end con tRPC è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Che cos'è tRPC
tRPC consente di effettuare chiamate API completamente tipizzate senza generazione di codice: i tipi del server passano direttamente ai client.
Installazione
Aggiunga tRPC e un adapter SvelteKit.
npm install @trpc/server @trpc/client trpc-sveltekitDefinire i router
Le procedure sono funzioni tipizzate raggruppate in router.
export const appRouter = router({
users: router({
list: publicProcedure.query(() => db.select().from(users))
})
});Handler SvelteKit
Monti il router in /trpc/[...path]/+server.js.
Configurazione del client
Crei un client tRPC tipizzato che deduca i tipi dal router.
export const trpc = createTRPCSvelteClient<AppRouter>();Chiamate type-safe
Il client completa automaticamente le procedure e deduce i tipi degli argomenti e dei valori restituiti.
const users = await trpc.users.list.query();Validazione
Abbini gli schemi Zod alla validazione degli input e ai tipi, definiti in un unico punto.
Mutazioni
Utilizzi publicProcedure.input(z.object({...})).mutation() per mutazioni tipizzate.
Middleware
Aggiunga middleware tRPC per autenticazione, logging o rate limiting prima dell'esecuzione delle procedure.
Compatibile con SSR
tRPC funziona con l'SSR di SvelteKit tramite l'adapter trpc-sveltekit.
Confronto con REST/GraphQL
tRPC elimina il livello dello schema: client e server condividono direttamente i tipi TypeScript.
Verifica rapida
Qual è il principale vantaggio di tRPC?
Riepilogo
tRPC offre chiamate API type-safe end-to-end in SvelteKit, eliminando la necessità di schemi OpenAPI o GraphQL.
Domande Frequenti
La lezione «Type safety end-to-end con tRPC» è gratuita?
Sì — il testo completo di «Type safety end-to-end con tRPC» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «Type safety end-to-end con tRPC»?
Aggiunga tRPC a un progetto SvelteKit per una comunicazione client-server completamente tipizzata. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Type safety end-to-end con tRPC»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Auth + Database + API: architettura
- Drizzle ORM con SvelteKit
- Distribuzione su Vercel con un database
- Type safety end-to-end con tRPC