DEV Community

Cover image for How to Create a PWA With Next.js

How to Create a PWA With Next.js

Avneesh Agarwal on October 05, 2021

Hey all, This post is in collaboration with James Q Quick. If you like to see videos then check out this video by James Q Quick. So let's get...
Collapse
 
hte305 profile image
Ha Tuan Em

Thank you sir. It's help to start new project.

Collapse
 
theabhayprajapati profile image
Abhay Prajapati

great example

Collapse
 
abhieshinde profile image
Abhishek Shinde

Nice

Collapse
 
muhammadsheraz profile image
sherazjaved

This is really helpful..

Collapse
 
gabriellemos profile image
Gabriel

Have anyone managed to make it work with samsung internet? I've managed to make it work only on chrome.
pwa-template-xi.vercel.app/

Collapse
 
progressier profile image
Kevin Basset

I checked your app on Samsung Galaxy S20 running Samsung Internet, and it seems to work fine. What problems are you experiencing?

Collapse
 
gabriellemos profile image
Gabriel

Not sure why but other PWA sites render the download button on the navigation bar but that isn't being rendered on the Samsung Galaxy S9+ I'm testing with.

Collapse
 
janarthanj profile image
Janarthan Jeyachandran

Just Amazing!

Collapse
 
vikramparihar profile image
vikram parihar

Awesome

Collapse
 
geekreflex profile image
Jerry Nwosu

Very insightful! Thanks.

Collapse
 
nandotmbn profile image
Orlando Pratama Tambunan

could you explain how to deploy in vercel? I follow this instruction but when I deployed the PWA, it was not working properly.

Collapse
 
avneesh0612 profile image
Avneesh Agarwal

Hey, can you inspect the page. Click on lighthouse tab and run the test with PWA checked. After that you can tell the reason it failed :)

Collapse
 
jcstein profile image
joshcs.eth

Thank you so much James! Best tutorial I could find.

Collapse
 
theabhayprajapati profile image
Abhay Prajapati

great example