// React embed import Cal from \" @calcom/embed-react \" ; function BookingPage () { return ( < Cal calLink = \" username/30min \" style = {{ width : \" 100% \" , height : \" 100% \" }} config = {{ layout : \" month_view \" , theme : \" light \" }} / > ); } REST API: Full Control const CAL_API = \" https://api.cal.com/v1 \" ; const API_KEY = process . env . CAL_API_KEY ; // List event types const eventTypes = await fetch ( ` ${ CAL_API } /event-types?apiKey= ${ API_KEY } ` ). then ( r => r . json ()); // Get availability const availability = await fetch ( ` ${ CAL_API } /availability?apiKey= ${ API_KEY } &dateFrom=2026-03-29&dateTo=2026-04-05&eventTypeId=123` ). then ( r => r . json ()); // Cr","image":"https://media2.dev.to/dynamic/image/width=1200,height=627,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxnxi3262jbcbwfet9z64.png","datePublished":"2026-03-29T13:30:36","author":{"@type":"Person","name":"Alex Spinov"},"publisher":{"@type":"Organization","name":"Dev.to JavaScript"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://flarestart.com/article/calcom-has-a-free-api-that-adds-scheduling-to-any-app-20260329"}}
Back to articles
Cal.com Has a Free API That Adds Scheduling to Any App

Cal.com Has a Free API That Adds Scheduling to Any App

via Dev.to JavaScriptAlex Spinov

Cal.com is the open-source scheduling platform. Its API lets you embed booking, manage availability, and handle events programmatically. Embed: Add Booking to Your Site <!-- Inline embed --> <cal-inline calLink= "username/meeting-type" ></cal-inline> <script src= "https://app.cal.com/embed/embed.js" ></script> // React embed import Cal from " @calcom/embed-react " ; function BookingPage () { return ( < Cal calLink = " username/30min " style = {{ width : " 100% " , height : " 100% " }} config = {{ layout : " month_view " , theme : " light " }} / > ); } REST API: Full Control const CAL_API = " https://api.cal.com/v1 " ; const API_KEY = process . env . CAL_API_KEY ; // List event types const eventTypes = await fetch ( ` ${ CAL_API } /event-types?apiKey= ${ API_KEY } ` ). then ( r => r . json ()); // Get availability const availability = await fetch ( ` ${ CAL_API } /availability?apiKey= ${ API_KEY } &dateFrom=2026-03-29&dateTo=2026-04-05&eventTypeId=123` ). then ( r => r . json ()); // Cr

Continue reading on Dev.to JavaScript

Opens in a new tab

Read Full Article
2 views

Related Articles