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
 
abhieshinde profile image
Abhishek Shinde •

Nice

Collapse
 
theabhayprajapati profile image
Abhay Prajapati •

great example

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
 
jcstein profile image
joshcs.eth •

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

Collapse
 
geekreflex profile image
Jerry Nwosu •

Very insightful! Thanks.

Collapse
 
janarthanj profile image
Janarthan Jeyachandran •

Just Amazing!

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
 
vikramparihar profile image
vikram parihar •

Awesome

Collapse
 
theabhayprajapati profile image
Abhay Prajapati •

great example