DEV Community

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

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

jenhsuan profile image Jen-Hsuan Hsieh ・1 min read

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!

Discussion (4)

pic
Editor guide
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 Author • 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 Author

Hi there, it means Progressive Web Application.