TypeScript's popularity is growing every year and Nodejs is the most popular runtime in AWS Lambda. tRPC introduces a new way how to build type-safe APIs in order to get full advantage of TypeScript both on frontend and backend. Let's take a look at what is tRPC and how to build Serverless tRPC API on AWS.

1. F O R U M K A R L Í N | 2 4 O C T O B E R 2 0 2 3
Cloud Day Prague

2. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Serverless tRPC - API protocol
for modern TypeScript apps
Serverless Architect @ Purple LAB
AWS Serverless Hero
Filip Pyrek
C O M 2 0 2

3. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Agenda
• Why should you care about TypeScript?
• Our tRPC story at Purple LAB
• Current state of modern APIs
• What is tRPC
• What is RPC in general
• [Live Demo] Beautiful magic of tRPC and how to make it Serverless
• Key takeaways

4. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
6+ years of Serverless
development experience
Team of 50 people
Official
AWS Case Study
Working for FinTechs
with +$1B traded daily
6 Serverless oriented
community events

5. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Why should you care about TypeScript?
Source: datadoghq.com/state-of-serverless

6. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
• Monorepo
• TypeScript
• Serverless Stack
• GraphQL
• Next.js
Our story at Purple LAB

7. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Our story at Purple LAB

8. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Our story at Purple LAB

9. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Current state of modern APIs
• REST
• Very often people do just HTTP endpoints, not REST
• REST is proven by wide use for decades
• GraphQL
• Unfulfilled frontend batching optimisation promises
• People tend to forget why there is a word “graph” in GraphQL
• Great option for huge APIs

10. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Full-stack devs tend to bend any
API protocol to be a simple RPC
Our story at Purple LAB

11. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
What is tRPC?
• API Definition and Implementation in TypeScript
• HTTP / WebSockets
• Ready-to-use frontend libraries
• React / Next
• Vue / Nuxt
• Ready-to-use hosting adapters
• AWS Lambda, Express, Fastify
• Edge: Astro, CloudFlare Workers, Remix, SolidStart, Vercel Edge etc.

12. Source: trpc.io

13. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
What is RPC in general?
Source: tropic.io/docs/concepts

14. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
What is RPC in general?
Source: altexsoft.com/blog/soap-vs-rest-vs-graphql-vs-rpc/
Operation RPC (operation) REST (resource)
Signup POST /signup POST /persons
Resign POST /resign DELETE /persons/123
Read person GET /readPerson?personid=123 GET /persons/123
Read person’s item list GET /readUsersItemsList?user=123 GET /persons/123/items
Add item to person’s list POST /addItemToUsersItemsList POST /persons/123/items
Update item POST /modifyItem PUT /items/456
Delete item POST /removeItem?itemId=456 DELETE /items/456

15. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
tRPC terminology
Source: tropic.io/docs/concepts

16. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Live demo
github.com/FilipPyrek/aws-cloudday-2023-trpc

17. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
• Thanks to TypeScript and tRPC you can…
1. Do less mistakes
2. Resolve issues faster
3. Finally take advantage of same FE and BE language
• …in your Serverless apps
Key takeaways

18. Thank you!
© 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Filip Pýrek
fpyrek@purple-technology.com
@FilipPyrek
/filippyrek

19. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
!
Please complete the session
survey in the Events App
App Store Google Play Store