DEV Community

Cover image for Day 38 of #100DaysOfCode: Turn the Next.js Website to PWA with Workbox
Jen-Hsuan Hsieh
Jen-Hsuan Hsieh

Posted on

Day 38 of #100DaysOfCode: Turn the Next.js Website to PWA with Workbox

Introduction

We have introduced Next.js development in a few topics before. Feel free to visit the following topics if you need.

This article introduces the following topics.

  1. Add Web App Manifest in the Next.js application
  2. Enable Caching/Offline Supports
  3. Introduce the criteria for the APP installer banner

Details

Please refer to my article.
https://medium.com/a-layman/turn-the-next-js-website-to-pwa-with-workbox-part-1-web-app-manifest-and-caching-offline-support-e6d94330b8f2

Articles

There are some of my articles. Feel free to check if you like!

Top comments (4)

Collapse
 
rahulahire profile image
Rahul Ahire

In my opinion you can readily use the service worker.js in CRA(if next is similar to CRA) and use it in your nextjs app. It's only two step process

Collapse
 
jenhsuan profile image
Jen-Hsuan Hsieh • Edited

Yes, the purpose for this case is to turn my existed Next.js application. I know it's easier to use PWA in CRA. I have wrote the notes for PWA in CRA in Day#37 : )

Collapse
 
pomfrit123 profile image
***

What is PWA?

Collapse
 
jenhsuan profile image
Jen-Hsuan Hsieh

Hi there, it means Progressive Web Application.