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

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

10/1/2024

Description

Try Clerk: https://go.clerk.com/dx6FNrG

Try Neon: https://fyi.neon.tech/wds1

In this video I will show you how to create a Calendly clone complete with Google Calendar integration. This project uses Next.js, TypeScript, Drizzle, Neon, Clerk, and ShadCN.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/calendly-clone

Try Clerk: https://go.clerk.com/dx6FNrG

Try Neon: https://fyi.neon.tech/wds1

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com

My Courses: https://courses.webdevsimplified.com

Patreon: https://www.patreon.com/WebDevSimplified

Twitter: https://twitter.com/DevSimplified

Discord: https://discord.gg/7StTjnR

GitHub: https://github.com/WebDevSimplified

CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

#NextJS #WDS #SaaS

Chapters

Demo
2:38
Next.js/Shadcn Setup
7:09
Clerk Auth Setup
11:18
Database Setup
15:45
Events Page
12:30
Event Form
17:30
Event Grid
12:37
Event Edit Forms
6:34
Event Delete Button
7:22
Schedule Form
35:47
Booking Page
7:25
Google Calendar Integration
33:05
Booking Form
30:24