DEV Community

Cover image for 🧑‍💻 How I Built the World's Best NextJS, AI Scheduling App 🤖✨

🧑‍💻 How I Built the World's Best NextJS, AI Scheduling App 🤖✨

Arindam Majumder on October 24, 2024

TL;DR By the end of this article, you'll learn how to: Integrate an AI copilot into your Next.js application by building a scheduling ...
Collapse
 
srbhr profile image
Saurabh Rai

Dad-bod Pikachu is 🔥

Collapse
 
morgan-123 profile image
Morgan

😆

Collapse
 
arindam_1729 profile image
Arindam Majumder

Haha🔥🔥

Collapse
 
nevodavid profile image
Nevo David

Awesome article!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Thanks, Nevo!

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

I use Cal.com for my scheduling and this is a great use case to boost it with AI.
Nicely done @arindam_1729!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Glad you liked it, Nathan!

With CopilotKit, We can make so many cool projects that will help us save our time!

Collapse
 
johncook1122 profile image
John Cook

I need to look further into Cal.com, but as far as building an AI scheduling app, are time zones automatically handled?

I'm curious because I'm building a SaaS, and I heard about CopilotKit a few days ago and was intrigued. Just now looking into them.

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

Hey @johncook1122, thanks for checking out CopilotKit. Getting started is extremely easy and depending on which kind of AI interface you want to add, we have a suite of options.
docs.copilotkit.ai/

Collapse
 
arindam_1729 profile image
Arindam Majumder

Hey John,

Yes, They do handle that.

They have a prop autoUpdateTimezone in the Cal Provider that automatically updates the user’s timezone.

You can check this for reference: Cal.com Docs

Collapse
 
ddebajyati profile image
Debajyati Dey

Damn! Dope content!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Glad you liked it!

Collapse
 
sree0_0 profile image
SREETAMA

Amazing article 👏

Collapse
 
arindam_1729 profile image
Arindam Majumder

Glad you liked it!

Collapse
 
ferguson0121 profile image
Ferguson

Nice!
I didn't know you could hook into Cal.com's API. This is really cool!

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

Agreed, they have pretty good docs to get you started - cal.com/docs/api-reference/v2/intr...

Collapse
 
arindam_1729 profile image
Arindam Majumder

Glad you found it interesting.

Cal.com's API is pretty interesting, and combining it with Copilotkit takes it to another level.

Collapse
 
decodeme007 profile image
Dada Abiola

Thanks dude for such great article! Simple and easy to follow through. My team and I are currently working on a scheduling app for institutions in the academic world. We are integrating GOOGLE Calendar API for scheduling. How can we leverage your approach to that?

Collapse
 
arindam_1729 profile image
Arindam Majumder

You can use Cal.com API, It will give you many features out of the box, like automatic time changes based on Timezones and many others.

You can check them here: cal.com/docs/api-reference/v2/intr...

Collapse
 
decodeme007 profile image
Dada Abiola

Thanks @arindam_1729 for your prompt response! What's the pricing range for cal.com API calls?

Collapse
 
astrodevil profile image
Astrodevil

Very impressive article!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Thanks for checking out Amitesh!

Collapse
 
arshadayvid profile image
David Asaolu

Nicely written! 🔥
Great tutorial

Collapse
 
arindam_1729 profile image
Arindam Majumder

Glad you liked it David!

Collapse
 
mathew00112 profile image
Mathew

I only use open source so when I see a tutorial like this, it sparks my interest to build it.
I mean why not, I already use CAL :)

Collapse
 
arindam_1729 profile image
Arindam Majumder

Absolute, Mathew!

Cal.com is my go-to platform for scheduling.

And with the AI powers of CopilotKit, It becomes even more interesting to build projects like this.

Collapse
 
ginacostag profile image
Gina Acosta

Great article!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Glad you liked it GIna.

Collapse
 
benjamin00112 profile image
Benjamin

Going to build this one, thanks!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Amazing, Let us know how it goes!

You can share your progress in our community.

We would love to support you.

Collapse
 
david-723 profile image
David

This is sick!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Thanks David!

Collapse
 
samcurran12 profile image
Sammy Scolling

Great article, keep rockin' it!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Thanks a lot for checking this out, Sammy!

Collapse
 
envitab profile image
Ekemini Samuel

Great article @arindam_1729

Collapse
 
arindam_1729 profile image
Arindam Majumder

Thanks for checking out Samuel!

Collapse
 
envitab profile image
Ekemini Samuel

You're welcome

Collapse
 
akshaybond30160 profile image
Akshay bondre

Recently hearing a lot about CopilotKit, With this Tutorial, this looks promising. I'll definitely explore it and build some projects

Collapse
 
arindam_1729 profile image
Arindam Majumder

CopilotKit is really simple to get started with and it provides a lot of cool features.

Let us know how it goes.

Collapse
 
akshaybond30160 profile image
Akshay bondre

Sure. I'll share my updates

Thread Thread
 
arindam_1729 profile image
Arindam Majumder

Awesome!

Collapse
 
akshaycodes profile image
Akshay SIng

Nice Tutorial Arindam!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Thanks for checking out Akshay!

Collapse
 
debarun_d89efed41e7bfb97c profile image
Debarun

It's actually nice.. good work

Collapse
 
arindam_1729 profile image
Arindam Majumder

Thanks a lot for checking out!

Collapse
 
mahmoudalaskalany profile image
Mahmoud Alaskalany

We have a booking app to book events and halls ,and that is a good way to start using knowledge in this article and apply it to our mobile app ,good one keep it up 👍

Collapse
 
arindam_1729 profile image
Arindam Majumder

Awesome, Let me know how it goes.

Collapse
 
hemath923604 profile image
Hemath

Great Tutorial Arindam. Love the way you explained and i'll try to do this project and add some new features to it.

Collapse
 
arindam_1729 profile image
Arindam Majumder

Thanks a lot.

Let us know how it goes. Would love to see your project!

Collapse
 
tanmoys95268896 profile image
Tanmoy Sinha

Dope Content!

Collapse
 
arindam_1729 profile image
Arindam Majumder

Means a lot, Thanks!

Collapse
 
markoarsenal profile image
Marko Rajević

Hey, great text!

Is it possible to render your own component in the chat instead of text?
For example instead of text Room A, Room B with details to render a table with that data?