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
πš‚πšŠπšžπš›πšŠπš‹πš‘ πšπšŠπš’ β€’

Dad-bod Pikachu is πŸ”₯

Collapse
Β 
morgan-123 profile image
Morgan β€’

πŸ˜†

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

HahaπŸ”₯πŸ”₯

Collapse
Β 
nevodavid profile image
Nevo David CopilotKit β€’

Awesome article!

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Thanks, Nevo!

Collapse
Β 
nathan_tarbert profile image
Nathan Tarbert CopilotKit β€’

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 CopilotKit β€’

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 CopilotKit β€’

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 CopilotKit β€’

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 CopilotKit β€’

Glad you liked it!

Collapse
Β 
sree0_0 profile image
SREETAMA β€’

Amazing article πŸ‘

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

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 CopilotKit β€’

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

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Glad you found it interesting.

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

Collapse
Β 
arshadayvid profile image
David Asaolu CopilotKit β€’

Nicely written! πŸ”₯
Great tutorial

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Glad you liked it David!

Collapse
Β 
astrodevil profile image
Astrodevil β€’

Very impressive article!

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Thanks for checking out Amitesh!

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 CopilotKit β€’

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
Β 
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 CopilotKit β€’

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
Β 
david-723 profile image
David β€’

This is sick!

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Thanks David!

Collapse
Β 
ginacostag profile image
Gina Acosta β€’

Great article!

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Glad you liked it GIna.

Collapse
Β 
benjamin00112 profile image
Sajay β€’

Going to build this one, thanks!

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Amazing, Let us know how it goes!

You can share your progress in our community.

We would love to support you.

Collapse
Β 
samcurran12 profile image
Sammy Scolling β€’

Great article, keep rockin' it!

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Thanks a lot for checking this out, Sammy!

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 β€’

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 CopilotKit β€’

Awesome!

Collapse
Β 
envitab profile image
Ekemini Samuel CopilotKit β€’

Great article @arindam_1729

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Thanks for checking out Samuel!

Collapse
Β 
envitab profile image
Ekemini Samuel CopilotKit β€’

You're welcome

Collapse
Β 
tanmoys95268896 profile image
Tanmoy Sinha β€’

Dope Content!

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Means a lot, Thanks!

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 CopilotKit β€’

Thanks a lot.

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

Collapse
Β 
debarun_d89efed41e7bfb97c profile image
Debarun β€’

It's actually nice.. good work

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

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 CopilotKit β€’

Awesome, Let me know how it goes.

Collapse
Β 
akshaycodes profile image
Akshay SIng β€’

Nice Tutorial Arindam!

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Thanks for checking out Akshay!

Collapse
Β 
prathamcodes profile image
Pratham Dey β€’

Really insightful Article Arindam!

Collapse
Β 
arindam_1729 profile image
Arindam Majumder CopilotKit β€’

Glad you liked it!

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?