In this tutorial, we are going to build a Calendly clone using Next.js 14, Tailwind, React, and the Nylas API. This is a great tutorial if you want to build a more advanced project involving date and time manipulation, timezones, APIs, external authentication, and more.
Source code: https://github.com/dejwid/calendix
Nylas: https://rebrand.ly/Nylas-dawid
Going premium? Use 'nylas-dawid' for 100% off the first month.
Timestamps
00:00:00 - Intro
00:04:01 - Landing page / Homepage
01:04:00 - Authentication
01:48:11 - Dashboard
02:09:10 - Event types (form)
02:58:54 - Saving and deleting event types
04:51:13 - Adding profile / username form
05:33:49 - Booking page
06:05:01 - Calendar buttons & time buttons
07:50:11 - Booking form
08:37:13 - Sending event to user's calendar
08:57:56 - Checking availability inside users calendar
09:34:49 - Preloaders & listing booked events
09:53:38 - Fixing bugs & deployment
10:08:38 - Outro