Skip to main content
In this guide, you’ll learn how to:
  • Connect your Cal.com account to Rocket.
  • Get your API key from Cal.com using their documentation.
  • Add it securely in Rocket to enable scheduling in your app.
Why use Cal.com?Add scheduling and booking to your app with Cal.com’s embeddable availability and meetings. Connect once, then describe what you want in chat. Rocket can help you add booking flows, availability widgets, and calendar sync.
What is Cal.com?
Cal.com is an open-source scheduling platform. Use it for appointments, meetings, and booking pages that sync with your calendar.
Your API key stays safe with Rocket.
It is encrypted at rest and never exposed, so you can connect with confidence.
Availability: Cal.com is only available in Next.js projects.

​
Before you begin

You’ll need:
  • A Rocket account - rocket.new.
  • A Cal.com account.
  • A Next.js project.

​
Connect Cal.com to Rocket

1

Get your Cal.com API key

Follow Cal.com’s documentation to learn how to get your API key.
If you are already logged into Cal.com, you can get your API key directly from Settings > Developer > API Keys.
Once you have your API key, copy it. You will paste it into Rocket in the next step.
2

Connect Cal.com to Rocket

There are two ways to connect Cal.com to Rocket:Method 1: Use Rocket Chat (fastest)
  • In any project, open the chat panel and type something like:
    Connect my Cal.com account to:
  • Add a booking page for 30-minute consultations.
  • Let users book a meeting from my availability.
  • You will see a popup appear where you can paste and save your API key instantly.
Cal.com integration popup in chatCal.com integration popup in chat
This is ideal if you are already chatting with Rocket while building. No clicks, just action.
Method 2: From your project settings
  • Open any project.
  • Go to Integrations.
  • Scroll through the integrations list.
  • Click the Cal.com card. Paste your copied API key into the Rocket panel.
Click Cal.com integrationClick Cal.com integration
When you connect Cal.com from Project Settings, Rocket will not automatically create booking flows.After saving your key, you must describe the scheduling flow you want in chat for Rocket to implement it.
3

Save your API key

  • In Rocket’s Cal.com integration screen, paste your API key into the textbox.
  • Click Save to complete setup.
Success check: You’ll see a green dot next to Cal.com in your integrations list.
Important Security Notice
Never paste your Cal.com API key directly into Rocket chat.
Always use the secure integration flow or the API key input provided in settings to connect safely.
If you believe your key has been exposed, revoke it in Cal.com Settings > API Keys and create a new one.
4

Update or remove your API key

  • Click the Cal.com integration again.
  • Replace the existing key or click Remove to disconnect it.
Remove Cal.com API keyRemove Cal.com API key
To disconnect, simply click the Remove button in the Cal.com integration screen. You can always reconnect later if you change your mind!
Once connected, just describe what you want in chat and Rocket will scaffold the booking UI and API calls. No manual setup required.

You did it!

Cal.com is now connected to your Rocket project. You are ready to add scheduling and booking to your app.