Next.js 14+ Authentication with Clerk and How to Connect Clerk Users with Mongo Database

Sdílet
Vložit
  • čas přidán 17. 06. 2024
  • Learn about configuring next.js 14 project with clerk auth and create models, server actions, webhooks to create user data in mongodb when user is created in clerk dashboard with the help of web hooks.
    #nextjs14 #authentication #mongodb #clerk
    00:05 Overview
    02:45 Configure Mongodb
    07:15 Connect to Mongodb
    12:30 Create User modal
    15:10 Create User Server Action
    17:55 Create web hook api
    20:25 Configure Clerk web hook
    22:05 Deploy App
    24:10 Add web hook event
    27:00 Create User in Mongodb with Web hook
    33:15 Testing
    Follow Whatsapp Channel:
    whatsapp.com/channel/0029Va7y...
    React tutorials:
    • React.js Tutorials
    JavaScript Tutorials and Projects:
    • JavaScript Tutorial an...
    Angular Tutorials:
    • Angular 16 Life Cycle ...
    Docker Tutorials & CI/CD:
    • Docker Tutorials & CI/CD
    Angular 16 Crash Course For Beginners:
    • Angular 16 Crash Course
    Tech Tutorials - Random:
    • Postman Tutorial - Tes...
    Complete Next.js 13 Tutorials: • Next.js 13 Tutorials -...
    Next.js 14 Tutorials:
    • Next.js 14 Tutorials -...
    Node Express MongoDB Bootcamp: • Build REST API with No...
    ChatGPT Tutorials: • ChatGPT
    Join our facebook group:
    / 996305460498149
    Contact us for development services:
    / umair-jameel-24aa5368
    Reference Link:
    clerk.com/docs/integrations/w...
    Github Repo:
    github.com/umairjameel321/nex...

Komentáře • 25

  • @thelegendtalks830
    @thelegendtalks830 Před 4 dny

    Thanks for the last miniute to show the process of seeing log ⚙⚙

  • @Gleibercoelho
    @Gleibercoelho Před měsícem

    you sabe my live. Greetings from Brazil

  • @Beeplov2337568
    @Beeplov2337568 Před 2 měsíci

    Too Underrated !!😶‍🌫

  • @maskman4821
    @maskman4821 Před 3 měsíci

    If working with Mongodb and Nextjs,I think NextAuth is the best ❤

  • @sumonbala9648
    @sumonbala9648 Před 2 měsíci

    life saving

  • @abhaysingh7862
    @abhaysingh7862 Před měsícem

    thnx brother

  • @navaneeth9103
    @navaneeth9103 Před měsícem +3

    bro many things have changed authmiddleware is depreciated can u do another viedi on clerk setup

    • @ProgrammingwithUmair321
      @ProgrammingwithUmair321  Před měsícem +3

      Sure, I will

    • @zennnichz
      @zennnichz Před měsícem +2

      @@ProgrammingwithUmair321 Yeah, I'm really waiting for another video about setting up the new version of the clerk! love your videos, Umair!

    • @AnandSingh-cl4cx
      @AnandSingh-cl4cx Před 12 dny

      please do it ASAP🙏

    • @navaneeth9103
      @navaneeth9103 Před 10 dny +1

      @@AnandSingh-cl4cx
      Here is an alternate video i watched for clerk setup
      serach for
      hamed bahram next js clerk 2.0

  • @usamarazaaq7266
    @usamarazaaq7266 Před 2 měsíci

    Please also include deployment on vercel usually i have a lot of issues regarding next auth and clerk.

  • @kurtstunes7113
    @kurtstunes7113 Před 11 dny

    I'm not sure what's wrong, the database is being inputted in the mongodb but not the files like
    clerkId etc.. it's just an empty database

  • @HauNguyen-gs5xb
    @HauNguyen-gs5xb Před měsícem +1

    Please do another video with Clerk as it outdated and it would not work properly with webhooks

  • @AnandSingh-cl4cx
    @AnandSingh-cl4cx Před 12 dny

    not working in clerk v5

  • @khushichhetri8051
    @khushichhetri8051 Před měsícem

    I have a doubt please reply me:
    Module '"@clerk/nextjs"' has no exported member 'clerkClient'
    How can I resolve this

    • @piotrgolon1919
      @piotrgolon1919 Před měsícem

      you can use '@clerk/nextjs/server' to import it.

  • @fr0sty823
    @fr0sty823 Před 2 měsíci

    My are failed am not sure why

  • @ferchoo2616
    @ferchoo2616 Před měsícem +3

    I just wasted my time following the steps of this guy, for everyone who watches this video you have to know that the version of Clerk was updated so this no longer works

    • @ENGCS_GANESH
      @ENGCS_GANESH Před měsícem

      Then how can we do it. Do you have any other methods. Am stuck in this step for an application of mine

    • @HauNguyen-gs5xb
      @HauNguyen-gs5xb Před měsícem

      me too :

  • @KrishThakrar-ck3rn
    @KrishThakrar-ck3rn Před měsícem

    Is is not possible to do this without deploying the project?