Free tutorials
Create a Scheduling Platform using Next.js 1514h 2m

Create a Scheduling Platform using Next.js 15

@janmarshalcoding14h 2mAdvanced
nextjstypescripttailwindcssshadcnnext-authnylasprismapostgresneon

Source code

Premium
$29one-time

Includes the complete project source. Access is granted through a GitHub invite to your account.

About this tutorial

Hey everyone, what's up πŸ‘‹πŸ»

In this video, we are going to build a full stack scheduling application from complete scratch using the best tech on the market. This includes Next.js, Nylas, Supabase Postgres, Prisma, Tailwind CSS, Auth.js, Shadcn/UI, Vercel, Conform and much more. This is a full-stack tutorial, which means we will build everything from start to finish!

Features:

  • 🌐 Next.js App Router

  • πŸ” Nylas Calendar API

  • πŸ’ͺ Create Meetings, Cancel Meetings, Search up the calendar

  • πŸ”’ Custom auth using Next–Auth

  • πŸ”‘ OAuth (Google and GitHub)

  • ✏️ Custom booking form with dynamic availability & real-time updates

  • πŸ“† Fully custom-built calendarβ€”no plugins, all from scratch!

  • πŸ‘‹ Availability Integration into the calendar

  • πŸ’Ώ Supabase Postgres Database

  • πŸ’¨ Prisma Orm

  • 🌐 Fully responsive landing page with a dark mode toggle

  • βœ… Server Validation using Zod and Conform

  • 😱 Unique Username validation

  • πŸ“§ Automatic email confirmations & real-time event syncing

  • πŸ—‚οΈ File Upload with Uploadthing

  • πŸ–₯️ Beautiful dashboard for meetings, settings, and availability

  • 🎨 Styling with Tailwindcss and Shadcn UI

  • πŸ˜Άβ€πŸŒ«οΈ Deployment to vercel

After the tutorial

Wiring auth by hand is the right way to learn it. Wiring it again on every product you ship is not. SyntaxKit is a Next.js starter kit with Better Auth, OAuth, and 2FA already wired in.

From $199 Β· one-time payment Β· lifetime updates

Related tutorials

View all
Create a Invoice Platform using Next.js 1510h 2m

Create a Invoice Platform using Next.js 15

In this video, we are going to build a full stack Invoice Platform from complete scratch using the best tech on the market. This includes Next.js, Mailtrap, Neon Postgres, Prisma, Tailwind CSS, Auth.js, Shadcn/UI, Vercel, Conform and much more. This is a full-stack tutorial, which means we will build everything from start to finish!

IntermediateWatch
TanStack Start Full Stack Course (10 Hours) | Server Functions, Middleware, Auth etc.10h 4m

TanStack Start Full Stack Course (10 Hours) | Server Functions, Middleware, Auth etc.

TanStack Start has gained a lot of popularity recently, and for good reason. It's a game-changing framework offering end-to-end type safety while being one of the fastest on the market. In this tutorial, you'll learn everything there is to know about TanStack Start from A to Z. We'll cover the architecture, take a deep dive into routing, server functions, middleware, server routes, metadata and meta tags, data fetching, authentication, deployment, and much more. This isn't just a light overview, it's a deep dive covering all the key concepts in detail. By the end, you'll know how to build fast, secure, and well-optimized production-grade TanStack Start applications.

BeginnerWatch
Create an E-Commerce Store using Next.js10h 27m

Create an E-Commerce Store using Next.js

🌟 Hey Everyone, Welcome back to the Channel. Today we are going to build an E-Commerce Store which has an admin dashboard and a storefront. To build/create this whole video we will use the newest tech on the market which means: Next.js, Kinde-Auth, Neon, Prisma, Stripe, Tailwindcss, Shadcn/UI, Vercel, Upstash and much more. This is a Full Stack tutorial, which means we will build everything from start to finish!

IntermediateWatch