YoVDO

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

Offered By: Web Dev Simplified via YouTube

Tags

Next.js Courses Web Development Courses Typescript Courses Full Stack Development Courses Clerk Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to build a full-stack Next.js application that replicates Calendly's functionality, complete with Google Calendar integration. This comprehensive 3-hour and 20-minute video tutorial guides you through creating a scheduling application using Next.js, TypeScript, Drizzle ORM, Neon database, Clerk for authentication, and ShadCN UI components. Follow along as you set up the development environment, implement user authentication, design the database schema, create event management features, build a scheduling system, and integrate with Google Calendar. Gain hands-on experience with modern web development technologies and best practices while constructing a practical, real-world application.

Syllabus

- Demo
- Next.js/Shadcn Setup
- Clerk Auth Setup
- Database Setup
- Events Page
- Event Form
- Event Grid
- Event Edit Forms
- Event Delete Button
- Schedule Form
- Booking Page
- Google Calendar Integration
- Booking Form


Taught by

Web Dev Simplified

Related Courses

Simple Next.js & React Authentication With Clerk
Traversy Media via YouTube
Text-to-Post Web App Tutorial - Twilio, Convex, Clerk, React, and TypeScript
Learn With Jason via YouTube
Build a Viral Event Sharing Page - Web Dev Challenge
Learn With Jason via YouTube
Build and Deploy a Next-Gen AI SaaS Platform with Next.js and Convex
JavaScript Mastery via YouTube
Build an Expense Tracker with Next.js, TypeScript, Prisma, Neon, and Clerk
Traversy Media via YouTube