nextjs-pwa
최신 2025 접근 방식을 사용하여 Next.js로 프로그레시브 웹 앱(PWA)을 구축하기 위한 종합 가이드입니다. 사용자가 설치 가능성, 오프라인 지원, 서비스 작업자, 웹 앱 매니페스트, 캐싱 전략, 푸시 알림 또는 기존 Next.js 앱을 PWA로 변환하는 등 Next.js 애플리케이션에서 PWA 기능을 구현해야 하는 경우에 사용합니다. 기본 Next.js PWA 지원(종속성 없음, 앱 라우터)과 Serwist 패키지(고급 오프라인 기능, 서비스 작업자 관리)를 모두 다룹니다. 또한 PWA 문제를 해결하거나, PWA 성능을 최적화하거나, next-pwa와 같이 더 이상 사용되지 않는 패키지에서 마이그레이션할 때 사용하세요.
SKILL.md
Comprehensive skill for implementing Progressive Web Apps with Next.js using the most current approaches as of 2025.
Overview Zero-dependency PWA implementation using Next.js built-in features.
Overview Advanced PWA implementation with offline support, caching strategies, and service worker management.
최신 2025 접근 방식을 사용하여 Next.js로 프로그레시브 웹 앱(PWA)을 구축하기 위한 종합 가이드입니다. 사용자가 설치 가능성, 오프라인 지원, 서비스 작업자, 웹 앱 매니페스트, 캐싱 전략, 푸시 알림 또는 기존 Next.js 앱을 PWA로 변환하는 등 Next.js 애플리케이션에서 PWA 기능을 구현해야 하는 경우에 사용합니다. 기본 Next.js PWA 지원(종속성 없음, 앱 라우터)과 Serwist 패키지(고급 오프라인 기능, 서비스 작업자 관리)를 모두 다룹니다. 또한 PWA 문제를 해결하거나, PWA 성능을 최적화하거나, next-pwa와 같이 더 이상 사용되지 않는 패키지에서 마이그레이션할 때 사용하세요. 출처: just-mpm/conformai.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/just-mpm/conformai --skill nextjs-pwa- 카테고리
- </>개발 도구
- 인증됨
- —
- 최초 등록
- 2026-02-05
- 업데이트
- 2026-02-18
빠른 답변
nextjs-pwa이란?
최신 2025 접근 방식을 사용하여 Next.js로 프로그레시브 웹 앱(PWA)을 구축하기 위한 종합 가이드입니다. 사용자가 설치 가능성, 오프라인 지원, 서비스 작업자, 웹 앱 매니페스트, 캐싱 전략, 푸시 알림 또는 기존 Next.js 앱을 PWA로 변환하는 등 Next.js 애플리케이션에서 PWA 기능을 구현해야 하는 경우에 사용합니다. 기본 Next.js PWA 지원(종속성 없음, 앱 라우터)과 Serwist 패키지(고급 오프라인 기능, 서비스 작업자 관리)를 모두 다룹니다. 또한 PWA 문제를 해결하거나, PWA 성능을 최적화하거나, next-pwa와 같이 더 이상 사용되지 않는 패키지에서 마이그레이션할 때 사용하세요. 출처: just-mpm/conformai.
nextjs-pwa 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/just-mpm/conformai --skill nextjs-pwa 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/just-mpm/conformai
상세
- 카테고리
- </>개발 도구
- 출처
- user
- 최초 등록
- 2026-02-05