Nuxt 3 PWA: Turn Your Nuxt 3 Application into a Progressive Web App

[@pi-dev5079]

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.

[@jahiddev]

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.

[@adriandixon9531]

Hey man, just wanna say that your tutorials are amazing and very straightforward. Keep it up, looking forward to more!

[@jahiddev]

Thanks, will do!

[@mojekonto9287]

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' :))

[@jahiddev]

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.

[@offgridvince]

Glad to hear! Can't wait to get home and try it.

[@AzraiHasan]

This is awesome! please continue this series...

[@danieladedeji5285]

Straightforward and concise. Thanks.

[@jahiddev]

Glad it was helpful!

[@user-li1om7eq7b]

thank you so much, jahid. i'm looking for example using nuxt3 and pwa. your video is so helpful me. i do subscribe you.

[@jahiddev]

You are most welcome

[@luxorpoke837]

Thanks great video to get started!

[@ricardodossantos2444]

Very interesting video, thanks.

[@jahiddev]

You're welcome

[@sachinkmohan]

Wow bro, thanks! The documentation was quite hard to follow! They should actually feature you on their website.

[@jahiddev]

You're welcome!

[@learn_with_joy1]

thank you brother

[@jahiddev]

You're welcome!

Really useful! thanks

[@riyad-appscode]

Awesome video. Helpled me a lot.

[@jahiddev]

Glad it helped

[@maskman4821]

Awesome tutorial, please make advanced features such as offline capability, push notifications, firebase db cache, etc. thank you 🙏🙏🙏

[@jahiddev]

Sure I will

[@ifisher407]

Thank you. Without "devOptions" I couldn't see a manifest file.

[@user-kx1ue2ir2x]

Good video, thanks

[@amirmohamadi8666]

thank u it was a great tutorial

[@jahiddev]

Glad you liked it

[@shuvokhan3148]

Carry on bro

[@escendol9616]

thank you very much

[@kirindev]

thank you.

[@nyambe]

Will try

[@ranulagihara1113]

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 ?

[@krishnawaghmode2120]

Thank you awesome explain push notifications, firebase Nuxt js

[@jahiddev]

Glad it was helpful!

[@Sebeklis]

of coruse doesnt work now, what is workbox, what is devoptions, what about production

[@thealyo]

please more about pwa

[@jahiddev]

Sure thing

[@BillaSaheb786]

Awesome... Please make video on NUXT 3 like e-commerce and pinia with filter and shopping cart feature

[@jahiddev]

Will try

[@RafaElZgz]

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?

[@andika1571]

How to add offline page for online application?

[@vectorautomationsystems]

Thanks for the video Jahid. Any chance you expounded on PWA and Nuxt3? If yes, please share the video link. Thanks in advance

[@shuvokhan3148]

Iam learning nuxt js. My University project is nuxt pwa. But idon't get proper guide Nuxt pwa. Kindly continue your nuxt pwa series.

[@digitaldata-surveying]

a problem in Nuxt Content, please any suggestions.

[@juliancoles7789]

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.

[@jahiddev]

No, sorry. But will make it someday.

[@user-ju8nj6ms2q]

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

[@jahiddev]

Have you tried using the plugin solution?

[@adityapanchal626]

How to add multiple url path for cache in nuxt3 website

[@adityapanchal626]

Display only index page ui when I routing to another page in offline mode

[@KostiaBazrov]

Not production ready😢

[@jahiddev]

😞

[@unnikrishnanadoor]

Which screen recorder you are using?

[@jahiddev]

I juggle between OBS and Komodo

[@user-it8sh9ed8b]

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

[@jahiddev]

Please share a reproduction to the discord server.

[@user-it8sh9ed8b]

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 ?