Convert Next.js 14+ App to PWA (Progressive web app) | What is PWA and its Benefits

Finally I will explain you the benefits of PWA.

06:16 Install npm package for next PWA
18:45 Fix theme color error
19:57 Benefits of PWA

#nextjs14 #progressivewebapps #nextjstutorial

Follow Whatsapp Channel:

React tutorials:

JavaScript Tutorials and Projects:

Angular Tutorials:

Angular 16 Crash Course For Begineers:

Tech Tutorials - Random:

Join our facebook group:

Contact us for development services:

[abuzaryaseen]

Amazing after spending the whole day reading different articles, finally implemented it with the help of your tutorial

[maskman]

awesome, next topic: turn nextjs 14 app into android apk with capacitor && turn nextjs 14 app into windows app with electronjs ❤

[MushfiqFeed]

Thank you man. After spending 2 days at last it has been done. I was facing problem at node js 20.10 then downgrade it to 18.19

[EzaDev]

Thank you for the tutorial, Indians are the best with their tricks

[АлександрМальков-ця]

Thanks a lot, it's perfectly done! PWA, Next.js

[carchutogimenez]

Hi! Awesome tutorial, thank you!
According to the author, for new projects we should use Serwist.
It would be great if you have the time to do a tutorial using Serwist

[ziyabnajeeb]

Good work brother, only one thing, u r also able to send and receive notifications on the devices with pwa...

[VoceBR]

Can you make a video explaining how to create a service-worker? for example to intercept data coming from a database, api. And save them in cache to make it a little more dynamic?

[whyisthiscodenotworking]

amazing video
easiest tutorial ! thx bro

[dileepparmar]

thank you so much sir, how can i use it in other computer?

[solomonsunday]

Thanks a lot for this lecture, please can you also show us how to prompt a user to update the PWA app when there is an update?

[ilmioiosottoilletto]

Any idea on how to cache request done by server components?

[z_]

Thanks you! But you don't really show offline support in details

[vi_shw]

In My case It is not creating those sw.js files, I already deleted .next folder, restarted many times and could not figure out How to resolve that .

[muhammadalifdanielbinmohdh]

how do i make the theme color and background color dynamic using tailwind or next theme

[liebespaar]

i have problem

Content is not sized correctly for the viewportThe viewport size of 436px does not match the window size of 412px.

how can i fix it?

[TemmyCodingLifestyle]

Thank you. Does that mean the app has a kind of notification system with sound, and it's installed on mobile. will the sound notification work?

[khaitrung]

Oh @ducanh/next-pwa, I'm so proud that the author of this package is a Vietnamese ❤

[dayanr.]

What happens when you have an app with several urls that contains params? I get error

[krystianwojtowicz]

No supplied icon is at least 144 px square in PNG, SVG or WebP format, with the purpose attribute unset or set to "any"