Great, I had already done it with Vue but your video helped me to do it with Nuxt. What you missed was that you used the (generate-pwa-assets package). Take a look. Greetings !!
WOW, I'm only @10.48 so far and I just felt compelled to thank you for the effort of clarity you've put in to this tutorial (which I saw by accident and made me a subscriber) and I will be looking at all your content as a result. You are clearly very knowledgeable and I thank you for sharing and helping Nuxt 3 devs that come behind you.
Thank you! I'm glad that I was able to provide clarity in my tutorial, and it's always my goal to help other developers improve their skills and knowledge. I appreciate your support and encouragement, and I look forward to continuing to create helpful content for the Nuxt community and beyond.
Frankly I was reluctant at first to watch and wanted to just use the docs :D, but wow your video turned out to be so much more helpful! You take the viewer by the hand and explain along the way in a very clear and consise way. Great content. Thank you! (btw vite is pronounced 'veet' as Evan You himself explained - he took it from French where it means 'fast' :))
Thank you for your kind words! I'm glad to hear that my video was helpful. And thank you for letting me know about the correct pronunciation of "vite"! It's always good to learn something new and make sure I'm using the correct pronunciation.
With this module I have hydration missmatch error (renders always '/' on first page load on every paths). Also I have this error in console: "One of the glob patterns doesn't match any files". Have you any ideas why I got these problems?
you are doing this amazing bro @jahid, very useful, btw I have a questions ? think we have admin and user functionalities in a same app, can we disable PWA feature for admins ?
Hello @jahiddev Anowar I Hope you are doing well I watched your tutorial is it beneficial for me But I have a problem, I want to load pwa conditionally for e.g when I get pwa_enabled === true from the backend then I have to load otherwise not load to achieve this requirement I want to register in plugin directory instead of config.js I'm using nuxt3 can you please help me out
This is very good, thank you. Do you have a video about more advanced PWA usage? I have a Nuxt 3 project that has dynamic routes and I cannot route to them using this PWA package, I always get rerouted to the root page.
TS2559: Type never[] has no properties in common with type Partial types.d.ts(5, 26): The expected type comes from property pwa which is declared here on type anyone got this error when adding the pwa dependancies into nuxt.config
thank you for the response @@jahiddev , I resolve the problem partially, I was trying to access a image inside the public folder. public/icons/application-icon-144x144.png. this was the path, and it was't assessable then I move it to the public folder and I worked. seems like it cannot access the images inside a directory ?
Great, I had already done it with Vue but your video helped me to do it with Nuxt. What you missed was that you used the (generate-pwa-assets package). Take a look. Greetings !!
WOW, I'm only @10.48 so far and I just felt compelled to thank you for the effort of clarity you've put in to this tutorial (which I saw by accident and made me a subscriber) and I will be looking at all your content as a result. You are clearly very knowledgeable and I thank you for sharing and helping Nuxt 3 devs that come behind you.
Thank you! I'm glad that I was able to provide clarity in my tutorial, and it's always my goal to help other developers improve their skills and knowledge. I appreciate your support and encouragement, and I look forward to continuing to create helpful content for the Nuxt community and beyond.
Hey man, just wanna say that your tutorials are amazing and very straightforward. Keep it up, looking forward to more!
Thanks, will do!
Frankly I was reluctant at first to watch and wanted to just use the docs :D, but wow your video turned out to be so much more helpful! You take the viewer by the hand and explain along the way in a very clear and consise way. Great content. Thank you! (btw vite is pronounced 'veet' as Evan You himself explained - he took it from French where it means 'fast' :))
Thank you for your kind words! I'm glad to hear that my video was helpful.
And thank you for letting me know about the correct pronunciation of "vite"! It's always good to learn something new and make sure I'm using the correct pronunciation.
Glad to hear! Can't wait to get home and try it.
This is awesome! please continue this series...
thank you so much, jahid.
i'm looking for example using nuxt3 and pwa.
your video is so helpful me.
i do subscribe you.
You are most welcome
Wow bro, thanks! The documentation was quite hard to follow! They should actually feature you on their website.
You're welcome!
Thanks great video to get started!
Thank you. Without "devOptions" I couldn't see a manifest file.
Very interesting video, thanks.
You're welcome
Straightforward and concise. Thanks.
Glad it was helpful!
With this module I have hydration missmatch error (renders always '/' on first page load on every paths). Also I have this error in console: "One of the glob patterns doesn't match any files". Have you any ideas why I got these problems?
of coruse doesnt work now, what is workbox, what is devoptions, what about production
Thanks for the video Jahid. Any chance you expounded on PWA and Nuxt3? If yes, please share the video link. Thanks in advance
How to add offline page for online application?
a problem in Nuxt Content, please any suggestions.
thank you brother
You're welcome!
you are doing this amazing bro @jahid, very useful, btw I have a questions ? think we have admin and user functionalities in a same app, can we disable PWA feature for admins ?
Awesome tutorial, please make advanced features such as offline capability, push notifications, firebase db cache, etc. thank you 🙏🙏🙏
Sure I will
Iam learning nuxt js. My University project is nuxt pwa. But idon't get proper guide Nuxt pwa. Kindly continue your nuxt pwa series.
Hello @jahiddev Anowar I Hope you are doing well I watched your tutorial is it beneficial for me But I have a problem, I want to load pwa conditionally for e.g when I get pwa_enabled === true from the backend then I have to load otherwise not load to achieve this requirement I want to register in plugin directory instead of config.js I'm using nuxt3 can you please help me out
Have you tried using the plugin solution?
This is very good, thank you. Do you have a video about more advanced PWA usage? I have a Nuxt 3 project that has dynamic routes and I cannot route to them using this PWA package, I always get rerouted to the root page.
No, sorry. But will make it someday.
Awesome video. Helpled me a lot.
Glad it helped
Really useful! thanks
thank u it was a great tutorial
Glad you liked it
Good video, thanks
Carry on bro
Which screen recorder you are using?
I juggle between OBS and Komodo
How to add multiple url path for cache in nuxt3 website
Display only index page ui when I routing to another page in offline mode
Not production ready😢
😞
thank you very much
thank you.
Will try
Thank you awesome explain push notifications, firebase Nuxt js
Glad it was helpful!
Awesome... Please make video on NUXT 3 like e-commerce and pinia with filter and shopping cart feature
Will try
please more about pwa
Sure thing
TS2559: Type never[] has no properties in common with type Partial
types.d.ts(5, 26): The expected type comes from property pwa which is declared here on type
anyone got this error when adding the pwa dependancies into nuxt.config
Please share a reproduction to the discord server.
thank you for the response @@jahiddev , I resolve the problem partially, I was trying to access a image inside the public folder. public/icons/application-icon-144x144.png. this was the path, and it was't assessable then I move it to the public folder and I worked. seems like it cannot access the images inside a directory ?