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
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?
It is beacause of the icons. Try following these steps.. 1. Open any website which converts photos into different sizes icons 2. Download those icons (Must download 144*144 sized icon) 3. Copy those icons(png type) to public 4. now in manifest.json file change the path of the images 5. Include 144*144 size icon also
Yeah mine just work. But I was having issues with the images, kept giving errors at the lighthouse but I used this site Pwa builder and it is working now
Why make mountain out of a rock, why not use the code from the makers of `next-pwa`: ``` const withPWA = require('next-pwa')({ dest: 'public' }) module.exports = withPWA({ // next.js config }) ``` - plain and simple.
Amazing after spending the whole day reading different articles, finally implemented it with the help of your tutorial
awesome, next topic: turn nextjs 14 app into android apk with capacitor && turn nextjs 14 app into windows app with electronjs ❤
Sure 🥳
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
Thanks a lot, it's perfectly done! PWA, Next.js
Thank you for the tutorial, Indians are the best with their tricks
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
It was great. Thank you very much ❤
amazing video
easiest tutorial ! thx bro
Really cool video, thanks for this!
Awesome buddy ✨
Really help tutorial
Good work brother, only one thing, u r also able to send and receive notifications on the devices with pwa...
Bro! You're awesome! 🤜🏻🤛🏻
Thanks bro, great explanations
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?
Awesome tutorial
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 .
Thanks man!
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?
set reloadOnline in next.config.js. so it will automatically reload the cache
thanks for the effort
thank you so much sir, how can i use it in other computer?
Instant sub
Any idea on how to cache request done by server components?
legend!!!!
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?
Yes,
If you have notifications implemented.
ThankU ❤
how do i make the theme color and background color dynamic using tailwind or next theme
Thanks you! But you don't really show offline support in details
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?
No supplied icon is at least 144 px square in PNG, SVG or WebP format, with the purpose attribute unset or set to "any"
It is beacause of the icons.
Try following these steps..
1. Open any website which converts photos into different sizes icons
2. Download those icons (Must download 144*144 sized icon)
3. Copy those icons(png type) to public
4. now in manifest.json file change the path of the images
5. Include 144*144 size icon also
Nice bro
Please would this work exactly for Nextjs app thar is not using src directory?
Same procedure. I didn't do anything differently for mine to work
Yeah mine just work. But I was having issues with the images, kept giving errors at the lighthouse but I used this site Pwa builder and it is working now
can you share the link of the PWA builder?@@Enigma237x
What happens when you have an app with several urls that contains params? I get error
i still dont know when to change id...., it was very unclear for me
i have files but i dont have download icon
where is link broo ?
Why make mountain out of a rock, why not use the code from the makers of `next-pwa`:
```
const withPWA = require('next-pwa')({
dest: 'public'
})
module.exports = withPWA({
// next.js config
})
``` - plain and simple.
That's what i thought... Why is he using another library instead of the more famous "next-pwa"
Oh @ducanh/next-pwa, I'm so proud that the author of this package is a Vietnamese ❤
Bro another Urdu channel