🔴 Let’s build a Scheduling SaaS with NEXT.JS 16! (Sanity, Clerk, CodeRabbit, Google Calendar & Meet)

1️⃣ Get Started with Clerk 👉 https://go.clerk.com/hIH1icu 2️⃣ Get Started with Sanity 👉 https://www.sanity.io/sonny?utm_sourc... 3️⃣ Get Started with CodeRabbit 👉 https://coderabbit.link/sonny-jan ❗️Get the Full Source Code for FREE here 👉 https://www.papareact.com/scheduling-... 🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course 🛠️ Looking for the Code for my other builds? (Plus over 55+ others!) https://links.papareact.com/github Join me as I show you how to build an Calendly like Scheduling SaaS Platform from scratch with the latest Next.js 16 - This comprehensive tutorial covers everything you need to create a Calendly-like SaaS Platform! 🎯 What You'll Learn: ✅ Next.js 16 with App Router & Server/Client components and Server Actions! ✅ Clerk authentication & billing for feature gating & tiered subscriptions (Free/Starter/Pro) ✅ Sanity CMS for real-time content management with embedded Studio ✅ Google Calendar API integration with OAuth2 authentication flow ✅ Automatic token refresh handling for expired OAuth credentials ✅ shadcn/ui + Tailwind CSS 4 for beautiful, accessible UI components ✅ React Big Calendar for visual drag-and-drop availability management ✅ Timezone intelligence with automatic detection for global scheduling ✅ Public booking pages with shareable links (/book/username/meeting-type) ✅ Automatic Google Meet links generated for every booking ✅ Multi-calendar sync to prevent double-booking across Google accounts ✅ Attendee status tracking (accepted/declined/pending) ✅ Plan-based limits (connected calendars, monthly bookings) ✅ Admin dashboard with booking insights and user feedback management ✅ Lazy deletion pattern for cancelled bookings (Google Calendar as source of truth) ✅ TypeScript throughout with Sanity TypeGen for type-safe queries ✅ Biome for fast linting and formatting SO MUCH MORE! 🎵 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST? Sign up for the PAPAFAM Newsletter here 👉 https://links.papareact.com/newsletter 🕐 TIMESTAMPS: 0:00 Introduction 0:56 Build Demo & Explanation 11:53 Why Use Clerk for Authentication & Billing 13:01 Why Use Sanity 14:22 Why Use CodeRabbit 16:05 Build Tech Stack Breakdown 21:34 Setting Up the Build with Clerk 30:26 Setting Up Sanity Studio with our Special Link 35:25 Implementing Shadcn 38:56 Setting Up & Using CodeRabbit 45:32 Building the Landing Page 55:34 Creating the Availability Page 1:06:34 Building the Settings Page w/ Google Auth (1/2) 1:15:07 Setting Up Sanity Schemas 1:23:00 Building the Settings Page w/ Google Auth (2/2) 1:27:08 Building the Account Manager Section in Settings Page 1:37:10 Building the Calendar & Meeting Functionality 1:45:47 Implementing the Google Calendar Functionality w/ Google Cloud 2:05:33 Building the Pricing Page with Clerk Billing (+ Live Debugging) 2:18:03 Building the Availability Page 2:21:45 Building the Booking and Calendar Functionality (1/2) 2:33:55 Implementing the Calendar with React Big Calendar Library 2:42:18 Building the Booking and Calendar Functionality (2/2) 2:53:57 Implementing the Meeting Booking Functionality 3:03:50 Implementing the Share Booking Link Functionality 3:31:13 Building the Feedback Page 3:34:27 Explaining & Implementing Sanity’s App SDK 3:49:18 Building the Feedback Section in App SDK 3:57:26 Using CodeRabbit for a PR Code Review 4:02:55 Final Build Demo 4:05:13 Outro Let’s get it PAPAFAM 🔥. DISCLAIMER: This video is sponsored by Sanity, Clerk & CodeRabbit. This video is made for informational and educational purposes only. We do not own or affiliate with Calendly and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes. #nextjs #ai #saas #openai #calendly #scheduling #sanity #webapp #clerk #learning #stripe #coderabbit #coding #tutorial #beginner #programming