Next.js + pwa + firebase로 푸시 알림 구현하기

• PWA를 구현하기 위해 `manifest.json` 파일을 생성하여 앱의 이름, 설명, 아이콘, 시작 URL, 테마 색상 등을 설정했습니다.

• `manifest.json` 파일은 Next.js의 파일 컨벤션에 따라 `app/manifest.ts`로 생성되었으며, 이를 통해 PWA가 데스크톱과 모바일 환경에서 설치 및 동작할 수 있도록 구성했습니다.

• 서비스 워커를 등록하여 네트워크 없이 에셋 제공, 알림 전송, PWA 아이콘 배지 추가, 백그라운드 콘텐츠 업데이트, 오프라인 작동 등을 가능하게 하는 방법을 설명합니다.

• Firebase 프로젝트를 생성하고, `firebase-messaging-sw.js` 파일에 Firebase 설정을 추가하여 Firebase 메시징을 설정하는 과정을 안내합니다.