add-mobile

Convert Next.js apps into installable PWAs with push notifications.

Updated Apr 15, 2026
One-click install
npx skills add https://github.com/arroyo2009jose-max/civradar-autoridades --skill add-mobile-arroyo2009jose-max
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-mobile
Source: https://github.com/arroyo2009jose-max/civradar-autoridades/tree/main/.claude/skills/add-mobile
Command: npx skills add https://github.com/arroyo2009jose-max/civradar-autoridades --skill add-mobile-arroyo2009jose-max

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts a Next.js app into an installable PWA with a complete push notification system, including service worker, manifest, VAPID keys, subscribe/unsubscribe flows, and iOS compatibility considerations.

Core Features & Use Cases

  • Turn Next.js apps into installable PWAs with offline capabilities and home screen installation.
  • Implement push notifications via a service worker, with subscription management and server integration.
  • Best practices and pre-requisites: requires /add-login for profiles; supports iOS Safari constraints.

Quick Start

Create all required files, configure VAPID keys, register the service worker, and test installation and push.

Frequently Asked Questions about add-mobile

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a Next.js app into an installable PWA with push notifications?

To convert a Next.js app into an installable PWA with push notifications, you need a service worker, manifest.json, VAPID keys, a registration hook, and API routes to manage user subscriptions and server integration.

Does Next.js PWA push notification setup work with iOS Safari?

Yes, Next.js PWA push notification setup supports iOS Safari compatibility. The implementation includes specific considerations to handle iOS Safari constraints for cross-browser web push support and home screen installation.

What do I need to configure VAPID keys for web push in a Next.js PWA?

Configuring VAPID keys for web push in a Next.js PWA requires generating the keys and integrating them into your service worker and API routes. These keys manage the subscription and unsubscribe flows for cross-browser push notifications.

Do I need user authentication to manage PWA push notification subscriptions?

User authentication is required to manage PWA push notification subscriptions. You need to implement login profiles first to handle user-specific subscription management and server integration for the push system.

What are the limitations of adding offline readiness to a Next.js web app?

Limitations of adding offline readiness to a Next.js web app include platform-specific constraints like iOS Safari behavior. You must properly register a service worker and manage subscription routes to ensure reliable offline capabilities and push delivery.