[Architecture: API Layer in Cal.com] [C: Introduction]

In this guide, you will learn the API layer used in Cal.com.

Cal.com provides scheduling infrastructure for absolutely everyone.

What's API Layer?

In the context of web applications, API layer means communicating with your server to get/mutate data. Inspired by Bulletproof React's API Layer We analyze the API Layer in the Cal.com.

Cal.com API Layer

To study the API Layer, we pick a page on https://app.cal.com/ and look at the source code except we are narrowing down our expedition to focus on the API Layer.

Concepts you will learn:

You will be learning the API layer used in the Lobe Chat. Read through this guide to understand how Cal.com's API layer works.

Data fetched in Event Types page

1. [pages/event-types] (https://github.com/calcom/cal.com/blob/main/apps/web/pages/event-types/index.tsx)
2. event-types-listing-view

Data fetched in Bookings page

1. pages/bookings/status
2. bookings-listing-view.tsx