Nuxt UI: Form Validation with Zod
18:50
Next.JS 14: The PHP of Gen Z?
9:48
Пікірлер
@kelechinwa-uwa5604
@kelechinwa-uwa5604 23 сағат бұрын
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
@jowatching001
@jowatching001 Күн бұрын
Cool helped me confirm something.
@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
@lars6280
@lars6280 Ай бұрын
Hi Jahid, thanks for you great video ! Do you know how to enable typescript autosuggestion for your language files ? tx.
@sultanfanody1378
@sultanfanody1378 Ай бұрын
I ran into the following problem that I could not find a solution for This error Invalid scheme, expected connection string to start with "mongodb://" or "mongodb+srv://"
@sto3359
@sto3359 Ай бұрын
Thank you so much for this! I was able to deploy my Nuxt app to Hetzner in less than 10 minutes due to this video!
@zooldeveloper
@zooldeveloper Ай бұрын
I've learned so much from your videos. Rest in peace my friend 😢
@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) {
@Didier-cu6cb
@Didier-cu6cb Ай бұрын
thank you so much
@victoralvarez5952
@victoralvarez5952 Ай бұрын
That's a pretty good introduction! Thanks! (By the way, I didn't know about that little GitHub trick, so just for that you already have a like from me lol)
@muhammadvirgi870
@muhammadvirgi870 Ай бұрын
never seen a channel with dedicated teaching free like this. keep it up! love it
@fabainhioc
@fabainhioc Ай бұрын
Very clear. Thank you! ✌
@salidali867
@salidali867 Ай бұрын
That's amazing, how do you work with zod server validation(error handling) and return error to the nuxtUI froms? for instance: when the board is existing and etc...
@mathieumattei2011
@mathieumattei2011 2 ай бұрын
This is no longer working, installing nuxt-auth module crashes the app, seems to be not working anymore
@khalednadam1777
@khalednadam1777 2 ай бұрын
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!
@adolfusadams4615
@adolfusadams4615 2 ай бұрын
Hello Jahid, I thoroughly enjoy your video tutorials and learn a lot from them. PrimeVue fully released v4 today, could you please do a detailed tutorial on using PrimeVue v4 with Nuxt?
@thomasgeber
@thomasgeber 2 ай бұрын
Wow, what a great course. I am really excited. Thank you for that. I have one question at the moment (I'm in the process of creating a new board (approx. 2:25). Why are you using a callback function as prop if the board is 'created' or 'updated' and not emmiting an event in the form component ? Is there a good reason for this? Now I'm at about 2:58 and have another question: Why do you use provide/inject and not a central store like Pinia? Can you also give reasons for this? Best regards from germany, Thomas
@abdullahsheraz7461
@abdullahsheraz7461 2 ай бұрын
You are saying that start your startup today but you have missed the main thing of trello in your course. You have not added the option of inviting members to the boards in your tutorial which is the main thing i think.
@ciemniakjez
@ciemniakjez 2 ай бұрын
Do you try create dynamic form with nuxtUI and Zod ? It will by interesting
@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.
@user-orangeball
@user-orangeball 3 ай бұрын
10:10 I am curious how about move the build process on CI provider such as GitHub CI, maybe 1GB of Droplet be enough!?
@devinschumacher
@devinschumacher 3 ай бұрын
how many articles can you publish with the site still building? when i used astro, after a few thousand articles it wouldnt build anymore. very inefficient. does the same thing happen with nuxt content?
@keitho6974
@keitho6974 3 ай бұрын
I found your part 2, glad you linked directly to part 1 because the UI in this looks beautiful, amazing job and I can't wait to dive into this to build out this project. Thanks I also subbed, its well deserved.
@Brizonys
@Brizonys 4 ай бұрын
Thank you man, very good example ! God bless you !
@HanierMorales
@HanierMorales 4 ай бұрын
Crack, only a question, what camera do you use for film this video?
@emanuelasandei515
@emanuelasandei515 4 ай бұрын
I love you man, all the others tutorials that i seen didn´t help me.
@andika1571
@andika1571 4 ай бұрын
How to add offline page for online application?
@unknown_producer
@unknown_producer 4 ай бұрын
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)
@jamesng79
@jamesng79 4 ай бұрын
Make video add mongodb atlas
@victorhytrop
@victorhytrop 4 ай бұрын
Where is advanced part in this video?
@user-kx1ue2ir2x
@user-kx1ue2ir2x 4 ай бұрын
Good video, thanks
@christianbuttner9793
@christianbuttner9793 4 ай бұрын
please describe each package in seperate videos!
@paaqwesilowell6141
@paaqwesilowell6141 5 ай бұрын
Great tutorial
@VinothKumar-wc8so
@VinothKumar-wc8so 5 ай бұрын
I use the nuxt-server-utils but it is not supported It shows an error in my vscode like the module is not found But I have a name of this in my package.json then why it shows not found
@alysonramos3424
@alysonramos3424 5 ай бұрын
dope!
@PannapatChanpaisaeng
@PannapatChanpaisaeng 5 ай бұрын
Thank you for the video! Does this work with Keycloak OAuth2 strategy SSO?
@SabiraTahsinKhan
@SabiraTahsinKhan 5 ай бұрын
Dear jahid, awesome tutorial. Could you kindly make an updated video on this, where you perhaps show more complex logic, such as use pinia / vuex, bilingual site, fetching header / footer links from wordpress etc. please? I can't find many tutorials for this stack, much less about best practices and so it'd be very helpful
@IhsanAnzas
@IhsanAnzas 5 ай бұрын
Great !
@csr.ar.80
@csr.ar.80 5 ай бұрын
Genio, muchas gracias.
@bbqengineer3308
@bbqengineer3308 5 ай бұрын
This is an amazing tutorial on Nuxt 3's Dynamic Routing. However, what if I have endless nested routes that don't stop (i.e. /albums/id/id/id/id/id/id/id/infinity). How do you handle something like that? Thank you so much!
@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.
@andika1571
@andika1571 6 ай бұрын
you forget to explain to handle error input in login
@alaodev
@alaodev 6 ай бұрын
Awesome!
@bolarinwaodupe5571
@bolarinwaodupe5571 6 ай бұрын
Thank you for the tutorial. Hopefully, I get a reply. I followed your tutorial but I keep getting this error "Non-Zero Exit"
@BetFC-d6j
@BetFC-d6j 6 ай бұрын
RIP 💔
@Grogutech
@Grogutech 6 ай бұрын
after googling for an hour, i found this, and it worked, thanks a lot, saved my time
@Jubinj-j7w
@Jubinj-j7w 6 ай бұрын
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 ай бұрын
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!
@lisadikaprio
@lisadikaprio 6 ай бұрын
thanks a lot, this tutorial had some important pointers that I couldn't get from other similar tutorials 👍
@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?
@DesertCookie
@DesertCookie 6 ай бұрын
How did you get the nice styling on your form? Mine, by default, doesn't look bad perse, but it has no margins or padding between the form elements, making them look very crammed.