NextJS PWA

So you want to build your next PWA using NextJS14? Unfortunatley this blog post will not show you how to do that. Instead, I will provide you with the repository and a brief overview of the project. This project uses the latest version of NextJS and workbox to create a PWA shell that can be used as a starting point for your next project.

Tech Stack

This project uses the following technologies:

  • NextJS 14
  • Workbox
  • SASS
  • Default styles removed

Clone this repository from my GitHub.

The main file you will want to edit are the icons, manifest.json, package.json, and workbox-config.js files. Other than that you will focus on perhaps cusomizing your service-worker and your app. I haven't seen any other NextJS PWA shells out there so I thought I would create one.