Skills
.Work. You
Rest

building-pwa

Community

Build Progressive Web Apps

Software Engineering#caching#next.js#manifest#service worker#pwa#offline support
Authoralexejluft
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the complexities of implementing Progressive Web Apps (PWAs) within a Next.js environment, ensuring features like offline support, installability, and efficient caching are correctly configured.

Core Features & Use Cases

  • Manifest Configuration: Defines the manifest.ts for PWA installability and app metadata.
  • Service Worker Setup: Integrates serwist for efficient caching and offline capabilities.
  • Caching Strategies: Implements cache-first for assets and network-first for API requests.
  • Offline Fallback: Ensures a seamless user experience when the network is unavailable.
  • Install Prompt & Push Notifications: Handles the beforeinstallprompt event and push notification subscriptions.
  • Use Case: Developing a Next.js e-commerce application that needs to function offline and offer an "Add to Home Screen" experience.

Quick Start

Configure the Next.js project to build a Progressive Web App with offline support and an install prompt.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: building-pwa
Download link: https://github.com/alexejluft/brudi/archive/main.zip#building-pwa

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.