Build a Fullstack Calendly Clone with Next.js
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
Watch video Build a Fullstack Calendly Clone with Next.js online without registration, duration hours minute second in high quality. This video was added by user Coding With Dawid 01 September 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 35,418 once and liked it 1.6 thousand people.