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!

• My blog-posts for software developing: https://medium.com/a-layman
• My web resume: https://jenhsuan.github.io/ALayman/cover.html
• Facebook page: https://www.facebook.com/imalayman

Comments

[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

[Jen-Hsuan Hsieh]

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 : )

[***]

What is PWA?

[Jen-Hsuan Hsieh]

Hi there, it means Progressive Web Application.