Build a Full Stack authentication app with Nuxt 3, MongoDB, Tailwind CSS

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024

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

  • @Jubinj-j7w
    @Jubinj-j7w 6 месяцев назад +2

    I got this Error : ERROR This module cannot be imported in server runtime. [importing @nuxt/kit from node_modules/nuxt-server-utils/dist/runtime/server/plugins/mongoose.mjs]

    • @gemine4326
      @gemine4326 6 месяцев назад +1

      Ran into the same. just open the mongoose file, delete the nuxt kit import line and replace all logger.* with console.log

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

      @@gemine4326 I had this problem too. Thanks for solution!

  • @mathieumattei2011
    @mathieumattei2011 2 месяца назад +1

    This is no longer working, installing nuxt-auth module crashes the app, seems to be not working anymore

  • @khalednadam1777
    @khalednadam1777 2 месяца назад +1

    This doesn't seem like a no-package authentication because you are using sidebase nuxt auth, and you are not handling the JWT by yourself!

  • @JohnSmith-de4mg
    @JohnSmith-de4mg 10 месяцев назад +2

    Thank you so much, Jahid. This was extremely helpful! Wish you all the success!!!

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

    hi Jahid, thanks for the video, its very good
    what is the extension that you use for auto suggest snippet in vscode?

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

    Crack, only a question, what camera do you use for film this video?

  • @amirabbas667
    @amirabbas667 11 месяцев назад +1

    Excellent ❤
    I need this

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

    Great tutorial

  • @codedjango
    @codedjango 11 месяцев назад

    Do you have any tutorial on how to use ssr with Vue3? or for ssr do i have to migrate my Vue3 project to Nuxt? Please advise

    • @jahiddev
      @jahiddev  11 месяцев назад +1

      If you can then migrate. To use SSR in Vue please see Vite SSR plugin.

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

    dope!

  • @daviddume1077
    @daviddume1077 10 месяцев назад

    really helpful

    • @jahiddev
      @jahiddev  10 месяцев назад

      Glad to hear that

  • @ayyubs_mind
    @ayyubs_mind 11 месяцев назад

    love it

  • @ikechukwuezema9949
    @ikechukwuezema9949 11 месяцев назад

    Great Video

  • @devoxygen7395
    @devoxygen7395 10 месяцев назад

    Level boss

  • @christiankettner8940
    @christiankettner8940 9 месяцев назад +2

    Underrated! 💎 One of few tutorial channels with a hands-on approach, that codes along (instead of copy pasting), explains thoughts, and solves upcoming problems along the way, without skipping steps.
    Keep up the good work!

  • @kelechinwa-uwa5604
    @kelechinwa-uwa5604 11 дней назад

    I've subscribed because I like how thorough this is. I especially liked that you added the process of debugging. Not a lot of channels do that but it's so helpful when you're starting out to watch someone else work through a problem

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

    This worked very well, however be aware that Azure doesn't support custom authentication such as this as far as I'm aware of. Any suggestions would be helpful

  • @Soup-Digital
    @Soup-Digital 9 месяцев назад +1

    Such a great tutorial, I am currently working through Nuxt3 and love it, but one thing which was a struggle was creating an Auth system without a 3rd party framework. You have now made it so easy to work with and the explanation was fantastic.
    One thing which would be great to have is a tutorial on the magic link implementation and password fallback auth using nuxtauth. I think that would be very beneficial for people wanting to get into that form of auth too, I know I do.
    Great work otherwise dude! keep up the good work. You have acquired new sub!

  • @razmatinyan
    @razmatinyan 11 месяцев назад +1

    Cool video 🤘Keep going with Nuxt 3, tutorials about it are necessary 🤩

    • @jahiddev
      @jahiddev  11 месяцев назад +1

      That's the plan!

  • @nickondrako
    @nickondrako 11 месяцев назад +1

    Great and relevant Nuxt videos over and over. Great work Jahid - I love that you’re crushing these Nuxt tutorials. I’m going to predict that this becomes a top 3 video on your channel.

    • @jahiddev
      @jahiddev  11 месяцев назад

      Thank you so much for your support and encouragement; it means a lot!

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

    Hi Jahid, sorry to bother you but I'm facing an issue with the module "nuxt-server-utils" and I didn't find any clue on the web. I'm on MacOs (15.1) + node v18.18.0 + nuxt 3.12.4.
    Here is the message error i get at launch time : Tx if you can help me on this.
    ERROR This module cannot be imported in server runtime. [importing @nuxt/kit from node_modules/nuxt-server-utils/dist/runtime/server/plugins/mongoose.mjs]
    [nitro 18:01:48] ERROR RollupError: node_modules/nuxt-server-utils/dist/runtime/server/plugins/mongoose.mjs (2:9): "logger" is not exported by "node_modules/unenv/runtime/mock/proxy.mjs", imported by "node_modules/nuxt-server-utils/dist/runtime/server/plugins/mongoose.mjs".
    1: import mongoose from "mongoose";
    2: import { logger } from "@nuxt/kit";
    ^
    3: import { useRuntimeConfig } from "#imports";
    4: function defineNitroPlugin(def) {

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

    Thank you for this tutorial, saved me a lot of time.
    By the way, Bun has it's own bcrypt functionality (even though they fixed bcrypt at the time of writing):
    const bcryptHash = await Bun.password.hash(user.password, {
    algorithm: "bcrypt",
    cost: 10, // number between 4-31
    });
    and to verify:
    await Bun.password.verify(candidatePassword, this.password)

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

    I have this error: [worker reload] [worker init] Cannot find package 'next-auth' imported from D:\........\.nuxt\dev\index.mjs. Can you fix it?

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

    Thank you so much for this video. This video gives me everything I need for authentication, I just need to follow the information and I get a production ready authentication code.

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

    After hours of research, failures and desperation, i found exactlly what i needed.
    Although i dont want to use postgres, hopefully it wont be a problem when i get to that part, fingers crossed.

  • @nirajparmar1772
    @nirajparmar1772 7 месяцев назад

    Sir,
    Can you please do tutorials on nuxt 3 full stack projects with deployment...that would be very helpful

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

    Thank you for the video! Does this work with Keycloak OAuth2 strategy SSO?

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

    you forget to explain to handle error input in login

  • @blogbracket
    @blogbracket 11 месяцев назад

    Nice Thumbnail ❤

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

    Great !

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

    Awesome!

  • @виртуоз_ру
    @виртуоз_ру 11 месяцев назад

    Good 👍

    • @jahiddev
      @jahiddev  11 месяцев назад

      Thank you! Cheers!