Next.js 14 Authentication Tutorial with Clerk

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024
  • In this tutorial, we'll learn how to implement Clerk with Next.js, using the latest version of this technology. By following this video, you will see how easy it is to add authentication to your Next.js project
    👨‍💻Code:
    github.com/can...
    🔗Source:
    [Clerk docs] clerk.com/docs
    #programming

Комментарии • 43

  • @m__link6499
    @m__link6499 5 месяцев назад +5

    Great video, it works like a charm. But, you must know that there are some changes with the latest version of clerck, for instance instead of authMiddle its now clerckMiddleware, but you just need to copy the code from the documentation. Just one thing, the publicRoutes in the middleware.ts file doesn't work for me...maybe some one else encounter the same issue? Thank you Cand Dev !

    • @furqanQadri7
      @furqanQadri7 5 месяцев назад

      it has been deprecated. we dont need to define public routes like that anymore.

    • @amirmanzoor4343
      @amirmanzoor4343 5 месяцев назад

      i am facing the same. In my system even the clerkMiddleware is also not working says that it doesn't gets exported from @clerk/nextjs/server

    • @laebafirdous7500
      @laebafirdous7500 4 месяца назад

      @@amirmanzoor4343 sameee

  • @Stefan-m6o
    @Stefan-m6o 5 дней назад

    How do we make it a payment registration form?
    So, for the user to register to our application, they need to pay/ make a subscription first.

  • @nicholasigunbor2896
    @nicholasigunbor2896 7 месяцев назад +2

    followed the video wasnt getting the clerk auth sign-in card

    • @ved_528
      @ved_528 7 месяцев назад +1

      Same issue
      Saying 404 page not found

    • @BLackiii735
      @BLackiii735 5 месяцев назад +1

      Same here

  • @maulanaibnusahban3418
    @maulanaibnusahban3418 17 дней назад

    nice tutorial thanks 💯💯

  • @AngelaCui-fn2tn
    @AngelaCui-fn2tn Месяц назад

    Thank you for sharing! Any idea how to add 'Remember me' to sign in page?

  • @Nanashi-rq7lk
    @Nanashi-rq7lk 20 дней назад

    Great tutorial

  • @MedhaviGiri-eq5wk
    @MedhaviGiri-eq5wk 2 месяца назад

    so nobody's gonna tell how clerk app can be deployed to vercel

  • @soltsdev
    @soltsdev 3 месяца назад

    Can you make a tutorial for clerk metamask authentication

  • @kenthefley2226
    @kenthefley2226 7 месяцев назад +1

    Thank you. Subscribed.

  • @solideopzendrato
    @solideopzendrato 5 месяцев назад

    Hi bro. Really nice tutorial. Could you please make another tutorial for using Google Analytics and render it on the user interface? I am really need that tutorial, pls🙏

  • @MiladJoodi
    @MiladJoodi 7 месяцев назад +1

    Thank you, you are wonderful. 🔥

  • @JohnChon-f9z
    @JohnChon-f9z 5 месяцев назад

    Whenever you refresh the page or when you navigate to different routes, the UserButton component flickers. There's a delay as it loads in and appears in the UI. So it disappears for a second and comes back. Is there a way to fix this?

    • @AzamShaikh-gs1kc
      @AzamShaikh-gs1kc 3 месяца назад +1

      sam problem brother did you solve the issue

  • @lokeshchellapalli1349
    @lokeshchellapalli1349 5 месяцев назад

    shall we implement forgot password ?

  • @SasiPreetham-im8zg
    @SasiPreetham-im8zg 4 месяца назад

    How to get the console information into div section

  • @shrllc3702
    @shrllc3702 6 месяцев назад

    mantap bang sesekali pake bahasa indo bang

  • @azeroualaicha1575
    @azeroualaicha1575 6 месяцев назад

    Thanks so much, that was very helpful to me.🤩

  • @Vinex-ye1du
    @Vinex-ye1du Месяц назад

    Lebih baik pakai clrek atau auth bang?

    • @CandDev
      @CandDev  Месяц назад

      Ada pro cons sih, clerk sangat bagus tapi dibatesin usersnya klo free version, jadi harus bayar. klo nextauth gratis tapi agak ribet emang setupnya.

    • @maulanaibnusahban3418
      @maulanaibnusahban3418 17 дней назад

      @@CandDev next bikin tutorial auth bang

  • @mkhalidumer
    @mkhalidumer 3 месяца назад

    Thank you for your time and effort you put to create such a nice tutorial. much appreciated.

    • @CandDev
      @CandDev  3 месяца назад

      I am so happy if my video is helpful

  • @skverskk
    @skverskk 2 месяца назад

    Well done

  • @BitterTruth157
    @BitterTruth157 8 месяцев назад

    works fine,, thanks a lot for the video

  • @nayanbamnote6283
    @nayanbamnote6283 6 месяцев назад

    Can i deploy this?

  • @I_Labcrypto
    @I_Labcrypto 8 месяцев назад

    I like your videos❤❤

    • @CandDev
      @CandDev  8 месяцев назад

      thank you 🤍

  • @AhmadRaza-e9z
    @AhmadRaza-e9z 7 месяцев назад +1

    Error: Missing Clerk Secret Key or API Key

    • @siddharthasrivastava18
      @siddharthasrivastava18 6 месяцев назад

      Did you solved it?

    • @AhmadRaza-e9z
      @AhmadRaza-e9z 6 месяцев назад

      Yes it was solved. Thanks@@siddharthasrivastava18

    • @kaizenmasters2027
      @kaizenmasters2027 6 месяцев назад +2

      @@siddharthasrivastava18Create a new .env file and copy all the contents he has on .env.example on the new file you created. That error is complaining about missing API Key or secrets that should have been on .env file. I hope it helps

    • @fallensoldier-gettingUP
      @fallensoldier-gettingUP 3 месяца назад

      Add them on the environment variable while deploying

  • @destinygames3449
    @destinygames3449 5 месяцев назад

    there is no authMiddleWare in @clerk/nextjs and, your documentation's method doesn't work

    • @colton6130
      @colton6130 5 месяцев назад +1

      authMiddleWare replaces withClerkMiddleware, check which version you’re using in your project and in the docs.

    • @destinygames3449
      @destinygames3449 5 месяцев назад

      @@colton6130 version 5. Please make tutorial for ClerkMiddleware I don't see any tutorial and I don't know how to do.

    • @destinygames3449
      @destinygames3449 4 месяца назад

      @@colton6130 thank you ❤️