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)10h 4m

TanStack Start Full Stack Course (10 Hours)

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