Create Next.js Progressive Web App

Introduction

Hello! I am Cif. I’m a student, and I consider myself a novice developer. I am still finding my way. I am a huge fan of Next.js, and I consider it my primary Web Development go-to.

I had trouble trying to make a Progressive Web App (PWA) with Next.js so I made an npm package for it! Since the official installation for Next.js is npx create-next-app I decided adding -pwa at the end for it.

Basically, this is me trying to contribute to the community as small as I can since I’m still a novice.

You may check the official npm page for it: create-next-app-pwa. And the source code for the script is here: github.com/cifelse/create-next-app-pwa.

Installation

The installation is easy. You just run the following to your terminal:

npx create-next-app-pwa [project-name] #notice the -pwa

Dependencies

Basically, I just used serwist for the service worker to make it a PWA. I just created a script so that it’s easier for everyone to create Next.js PWA immediately.

(I can already smell the criticisms miles away, but I do hope this helps and contributes at least just a little bit)

1 Like

Hi, @cifelse! Welcome to the Vercel Community :smile:

Thanks for sharing your project, it looks super helpful. I’ll be sure to cross-post it with community members when it makes sense!

Appreciate your contributon :pray:

1 Like

Thank you so much, @pawlean! (cool username btw!)

1 Like

Thanks! :smiley: It’s how you pronounce my name :laughing:

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.