Stack Overflow
Stack Overflow

Questions tagged [next-pwa]

42 questions
18
votes
3 answers

Unsupported platform for fsevents@2.3.2 installation issue

I've been trying to deploy my application to vercel for a while now and have been reading through lots of posts here on stackoverflow with the the same/similar fsevents issue. Despite everything I keep getting the same errors posted below. things…
kevin
  • 2,707
  • 4
  • 26
  • 58
7
votes
0 answers

How to precache ALL pages with next-pwa

How would I go about precaching all the pages of my nextjs app using next-pwa?. Let's say I have the following pages: / /about /posts I want all of them to be precached so that they are all available offline once the app has been loaded the first…
Ifeanyi Isitor
  • 71
  • 3
6
votes
3 answers

how to add custom install button for pwa

i want to add custom install button for my progressive web app within the site. i red many articles and tried the answer provided by them. they use beforeinstallprompt let deferredPrompt; window.addEventListener('beforeinstallprompt', (e) => { …
kamal
  • 63
  • 1
  • 8
5
votes
0 answers

Next.js with next-pwa can't get to _offline page

Trying to make a website + PWA with Next.js + next-pwa. Installed next-pwa, followed the documentation of this package, specifically 'Offline fallbacks' https://github.com/shadowwalker/next-pwa#offline-fallbacks. The website becomes installable as…
caribbean
  • 198
  • 1
  • 2
  • 12
3
votes
2 answers

Build error when compiling Next.js app using next-pwa

I have been trying to run a local Next.js (v 12.2.2) project but for some reason, the dev script is not working as it should. All the dependencies have been installed but still, I can't narrow down the reason why the script doesn't work. The…
CSS-Romeo
  • 145
  • 7
3
votes
0 answers

Next.JS & PWA: Lighthouse not finding icons in manifest.json

I'm trying to convert an existing NextJS app to a PWA. When I run lighthouse report on http://localhost:3000 after yarn build && yarn start I see these 2 errors: Failures: Manifest does not have a PNG icon of at least 512px. Manifest doesn't have a…
kyuden
  • 197
  • 1
  • 11
3
votes
1 answer

How to add push notification using next-pwa

I have a Next.js application and I use next-pwa for the Offline Mode. Now I want to add push notification (OneSignal solution), I've seen many articles/tutorials, and they all require to create/update the service worker. So my question is: How can I…
adamine
  • 105
  • 2
  • 8
3
votes
1 answer

Uncaught (in promise) TypeError: Failed to fetch Nextjs PWA using next-pwa in Chrome

Hi I was working on a Nextjs proyect and i try to convert it to a PWA using next-pwa, first i created the next.config.js const withPWA = require('next-pwa'); module.exports = withPWA({ pwa: { dest: 'public', } }); then created…
Juan Pablo Betancourt
  • 43
  • 5
2
votes
0 answers

Progressive Web App - Inconvenient back button functionality when downloaded as mobile app

I made a PWA using Nextjs and next-pwa and I used the Nextjs router. On the browser, the back button pops the url on the history stack. This is the intended behavior for browsers. However, when I download and use the PWA on mobile, the mobile back…
John Roice M. Aldeza
  • 43
  • 5
2
votes
1 answer

next-pwa sw.js redundant and not working on Vercel

I am working on NextJS app that runs next-pwa but only works on local environment. But when I deploy to vercel, it seems that sw.js is redundant. I spent so many hours on this but feel stuck anyway. Here's my next.config.js const { withPlugins } =…
Andhika Brosnan
  • 21
  • 1
  • 6
2
votes
1 answer

how to re-register the service worker with next-pwa

I am using next-pwa package with my next.js applications for PWA features. But I am having a problem here. Everytime, I rebuild and redeploy the application, it doesn't re-register the service worker, so I don't get the updated data. I have to…
Pranta
  • 2,928
  • 7
  • 24
  • 37
2
votes
0 answers

is it possible make a next-PWA "install to home screen" install banner in every landing pages if the user missed the install prompt

I want the user to get the install to home screen prompt events in case they when they missed the prompt or declined to install to home screen. Should be automatically triggered. using the NEXT-PWA for NEXt.js using next-PWA its not possible.…
Don
  • 21
  • 2
2
votes
0 answers

How to load more images in fallbacks image, next-pwa

Versions next-pwa: next: Question How to load more images in fallbacks.image for example i neeed two images into fallbacks file - next.config.js const withPWA = require('next-pwa'); module.exports = withPWA({ pwa: { dest: 'public', …
Moroshan Dmitriy
  • 21
  • 1
2
votes
1 answer

NextJS Dynamic SSR: False stuck on loading in Mobile Devices

Problem: The Next JS dynamic import is stuck on loading on mobile device browser (used browser: Google Chrome and Safari on IOS.) Whereas it is working perfectly on Google Chrome and Mozilla on Desktop. I am also using next-PWA on the default…
Swet
  • 49
  • 1
  • 8
2
votes
1 answer

Unable to build project that includes a custom worker file

I'm facing a very strange issue with next-pwa. Whenever I try to build a next-pwa project that includes a custom worker js file, the build fails with the following error: info - Creating an optimized production build ..buffer.js:333 throw new…
lukasknk
  • 133
  • 1
  • 7
1
2 3