auth-module VS pwa-module

Nuxt 3 comes with built-in utilities to support session and authentication. We are working on a new official module.

The evolution of nuxt-auth: there's nuxt/auth (Nuxt 2), an alternative module to try to bridge the gap for Nuxt 3 (and another one), and suddenly, sidebase/nuxt-auth popped up, which seems to wrap next-auth. I don't know if that's the proposed official solution going forward, reuse don't reinvent, or just a stop-gap measure (will the rug get pulled again?)

If you’re on nuxt 2 you can checkout the „old“ nuxt-auth which supports google and a lot of stuff surrounding it here: https://auth.nuxtjs.org/

If this is to do with user authentication and the API is using some kind of standard way of authenticating (e.g. a REST API) I would personally use https://auth.nuxtjs.org/ to do the heavy lifting for you.

Nuxt Auth module is very convenient to configure oauth and oidc authentication. And it wires everything in a project like routes, store, Axios interceptors etc..

Documentation

https://stackoverflow.com/questions/65642232/nuxtjs-how-to-use-httponly-cookies-for-nuxt-auth-strategy https://github.com/nuxt-community/auth-module/issues/142

My go-to is https://pwa.nuxtjs.org/ + pwabuilder. You can have the barebones scaffolding made in 1 minute. Then just add your custom UI/logic, and deploy, and point the PWA Builder at the deployed Nuxt site, and it will generate your App store package.

In terms of stack I would recommend taking a look at Vue and Nuxt. There is a PWA module for Nuxt, which handles everything for you, so you literally only need to add 5 lines of config (implementing service workers yourself can be tedious).

Note that if your original project is built with Nuxt (a Vue meta-framework), you have a better-suited solution readily available in the Nuxt PWA module. Nuxt and its ecosystem of plugins are a bit much to tackle in the scope of this post, but the same PWA general principles we’ll cover here apply there, too. The difference is how the config options are entered. So, while the concepts translate, if you’re using Nuxt, I’ll refer you to the Nuxt PWA module docs for the details.

Documentation

The stack behind Journalistic is Django and Nuxt. The nuxt/pwa module takes care of everything PWA-related on the app side: manifest, service worker, etc. Easy peasy.

It's Nuxt.js with @nuxtjs/pwa, BTW.

Nuxt.js modules: Progressive Web App (PWA)