Home Search Profile

Next.js 14 Pro: Build a Doctor Booking App (2024)

Focused View

8:43:41

  • 1 -Create next app.mp4
    06:39
  • 2 -Install and setup ant design.mp4
    10:28
  • 3 -Ant design theming.mp4
    13:00
  • 1 -Clerk intro.mp4
    03:31
  • 2 -Clerk account and project setup.mp4
    07:02
  • 3 -Clerk sign-up and sign-in pages.mp4
    06:00
  • 4 -Clerk middleware.mp4
    09:41
  • 5 -Clerk sign-up and sign-in process.mp4
    08:06
  • 6 -Get and show logged-in user details.mp4
    03:40
  • 7 -Homepage design and styling.mp4
    13:07
  • 8 -Sign-up and sign-in pages styling.mp4
    11:21
  • 1 -Mongodb setup.mp4
    06:03
  • 2 -User model.mp4
    06:45
  • 3 -Save user - part 1.mp4
    07:37
  • 4 -Save user - part 2.mp4
    05:37
  • 1 -Public layout.mp4
    09:07
  • 2 -Private layout.mp4
    13:31
  • 3 -Handle errors in layout.mp4
    04:27
  • 4 -Handle loading in layout.mp4
    06:14
  • 5 -Menu items.mp4
    13:39
  • 6 -Logout.mp4
    03:01
  • 1 -Get all users.mp4
    06:05
  • 2 -Show all users.mp4
    10:05
  • 3 -User permissions - part 1.mp4
    10:33
  • 4 -User permissions - part 2.mp4
    11:45
  • 1 -Doctors CRUD - Intro.mp4
    06:30
  • 2 -Doctor form UI.mp4
    12:03
  • 3 -Firebase integration.mp4
    05:41
  • 4 -Firebase upload operation.mp4
    10:45
  • 1 -Doctor model.mp4
    04:04
  • 2 -Save doctor - server action.mp4
    08:24
  • 3 -Show doctors.mp4
    12:31
  • 4 -Edit doctor - part 1.mp4
    07:56
  • 5 -Edit doctor - part 2.mp4
    04:53
  • 6 -Delete doctor.mp4
    04:04
  • 1 -Appointment booking screen - UI.mp4
    12:03
  • 2 -Appointment model and server action.mp4
    08:24
  • 3 -Test appointment booking logic.mp4
    12:47
  • 4 -Display available doctors.mp4
    11:35
  • 5 -Patient details form.mp4
    10:07
  • 1 -Stripe intro and setup.mp4
    06:50
  • 2 -Get client secret.mp4
    10:04
  • 3 -Integrate stripe ui elements.mp4
    09:57
  • 4 -Complete payment.mp4
    09:45
  • 5 -Save appointment - part 1.mp4
    14:27
  • 6 -Save appointment - part 2.mp4
    06:14
  • 1 -Get appointment by id.mp4
    11:38
  • 2 -Show appointment data.mp4
    15:00
  • 3 -Print appointment data.mp4
    07:08
  • 4 -Test complete appointment confirmation.mp4
    09:12
  • 1 -Display appointments.mp4
    12:45
  • 2 -View single appointment info.mp4
    04:53
  • 3 -Cancel appointment.mp4
    14:25
  • 1 -Display patients list.mp4
    10:23
  • 2 -Display selected patient appointments.mp4
    10:11
  • 1 -Server components loading state - part 1.mp4
    04:55
  • 2 -Server components loading state - part 2.mp4
    08:52
  • 1 -Get dashboard data.mp4
    05:52
  • 2 -Dashboard UI.mp4
    12:19
  • More details


    Course Overview

    Master Next.js 14 by building a full-stack doctor appointment system with Clerk auth, Ant Design, Tailwind CSS, and Stripe payments in this comprehensive 2024 tutorial.

    What You'll Learn

    • Implement Next.js 14's latest features in a real-world project
    • Integrate Clerk authentication and admin permissions
    • Build complete appointment booking and management systems

    Who This Is For

    • React developers transitioning to Next.js
    • Full-stack developers building healthcare applications
    • Frontend engineers learning backend integration

    Key Benefits

    • 8.5+ hours of hands-on project development
    • Professional tech stack used in production apps
    • Complete GitHub repositories for each section

    Curriculum Highlights

    1. Next.js 14 setup with Ant Design & Tailwind
    2. Clerk authentication & MongoDB integration
    3. Stripe payments & admin dashboard development
    Focused display
    Category
    • language english
    • Training sessions 59
    • duration 8:43:41
    • Release Date 2025/04/30

    Courses related to Next JS