PWA
-
[PWA] Next.js 프로젝트에 PWA 적용하기JavaScript 2023. 10. 25. 19:11
PWA(Progressive Web App)이란 모바일 및 웹 애플리케이션 개발의 접근 방식 중 하나로, 네이티브 모바일 앱과 유사한 경험을 제공하는 기술이다. PWA를 적용하면 브라우저나 모바일 홈에서 웹 앱을 설치하여 사용할 수 있고 푸시 알림, 오프라인 등의 기능도 하여 풍부한 사용자 경험을 제공할 수 있다. Next.js 프로젝트에 PWA를 적용을 해보았다. Next.js를 위한 PWA 플러그인인 next-pwa가 있어 사용하기로 하였다. npm install next-pwa yarn add next-pwa 1. withPWA next.config.js 파일에 다음과 같이 적용한다. // next.config.js const withPWA = require("next-pwa")({ dest: "p..