NEXTJS PWA化

$ cd frontend
$ npm install @ducanh2912/next-pwa

$ vi next.config.ts<<__EOF__

import withPWAInit from "@ducanh2912/next-pwa";

const withPWA = withPWAInit({

  dest: "public",         // サービスワーカーファイルの出力先

  disable: process.env.NODE_ENV === "development", // 開発環境ではPWAを無効化

});

/** @type {import('next').NextConfig} */

const nextConfig = {

  // あなたの既存のNext.js設定をここに記述

};

export default withPWA(nextConfig);

__EOF__

$ vi public/manifest.json <<__EOF__
{
"name": "Next.js PWAアプリ",
"short_name": "NextPWA",
"description": "Next.jsで作られたPWAアプリケーションです",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#000000",
"icons": [
{
"src": "/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icon-512.png",
"sizes": "512x512",
"type": "image/png"
}vi 
]
}
__EOF__

$ vi src/app/layout.tsx <<__EOF__

__EOF__