Build a Full Stack Next.js App with Google Calendar - TypeScript, Drizzle, ShadCN, Tailwind, Neon

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00:00 - Demo
00:09:47 - Clerk Auth Setup
00:21:05 - Database Setup
00:36:50 - Events Page
00:49:20 - Event Form
01:06:50 - Event Grid
01:19:27 - Event Edit Forms
01:26:01 - Event Delete Button
01:33:23 - Schedule Form
02:09:10 - Booking Page
02:16:35 - Google Calendar Integration
02:49:40 - Booking Form

#NextJS #WDS #SaaS

[Aerotk]

Completed this tutorial with almost hands on everything in 3 days ofcourse with breaks and also coded some stuff that you have copy and pasted to save the time. Just want to thank you as it is my second project in NextJs and the first was also yours few months ago.

Secondly: for me, its a bit complex project because I don't know much about zod, postgres and the logic and I was quite skeptical about schedule and meeting part of the project. But, I will try to learn the smaller utilities you have used and will try to revisit this project and watch it again to understand the scheduling and meeting portion of the project.

And last but not the least thank you. I have learned a lot much newer libraries and integration of google calendar, clerk and neon database and specially that converting time to string for comparison was a genius logic. I will definitely remember it.

[singe]

I think you've confused import “use-server” with import “server-only”.

[larrythethird]

You're amazing kyle! I learn so much from you since I start my web project from ExpressJS and now I learn NextJS & React.

[MysticZA]

Awesome video, great Next JS, ShadCN, server actions and more best practices!

[emanuelmilani]

A nuxt/vue version can be a great new video to do ❤

[hadz]

Hey Kyle awesome project, there's only a small issue when deploying to vercel the booking ( client ) and the server are not matching the same time zone, and its booking the wrong time in google calendar. What solution do you recommend handle the client to convert the time in UTC before sending to the server? ( Note that on local machine everything is working flawless )

[gbrachetta]

Very nice indeed! I wonder how tricky it would be to implement for the person booking to cancel the appointment and free the time slot for others to use.
Also it would be amazing to be able to visually see what the planning looks like on a calendar. I’m thinking here more about booking a practice room in a music school for example.

[designerjehovah]

Awesome. I have a project that will need many of these features.I get to learn how!

[javadbagheri]

Before watch I know this is a great video for me for learning new things ❤❤❤❤❤ thank you Kyle ❤❤❤❤❤

[mukulrathi]

@kyle thanks man for the amazing project 😊

[SoccerEdits.]

Hey Kyle!
Thanks for this amazing course!! I might be late but I think you should try Cursor IDE which is similar to vscode!

[Tanner-czbd]

Wow I was building this but now you built it

[vanshvasishtha]

hey Kyle, instead of Clerk, we can do the same with next-auth (google provider) we will be generating the keys for the calendar, so that can be useful for google provider too ?

[Kevin-flrn]

curious if there is any reason you don't use strict equality?

[taunado]

Cool, thanks. Neon is super slow for non-US and non-EU countries? Failed the last time I tried it.

[MarkTzyML]

Hi kyle, can you implement OpenAI API to analyze pdf, images and other files using nodejs with gpt-4o model? Thankyou! 😊

[noahr]

Awesome video 😎

Also when you do the example name I thought you were gonna do Rick Astley 😂

[genc_emekli]

Hi. Event link copy and stick to a browser gives an error: Error: Object.groupBy is not a function

[yanDev]

hello!
Thanks for this project!
Could you then build an application that uses AI in an optimized way with Open AI or Gemini which is increasingly used.
Thanks in advance!

[CarsonHarp]

Can you please turn off your IntelliSense next time you create a project like this? Its often difficult to see what you're writing. Thanks for the video, I greatly appreciate it!