Develop

.github/workflows/deploy-develop.yml

@@ -2,7 +2,7 @@ name: Sync forked repo for deploy
 
 on:
   push:
-    branches: [dev]
+    branches: [develop]
 
 jobs:
   build:
@@ -25,6 +25,6 @@ jobs:
           destination-repository-name: Coworkers
           user-email: ${{ secrets.HYEOKSU_ACCOUNT_EMAIL }}
           commit-message: ${{ github.event.commits[0].message }}
-          target-branch: dev
+          target-branch: develop
       - name: Test get variable exported by push-to-another-repository
         run: echo $DESTINATION_CLONED_DIRECTORY

next.config.mjs

@@ -1,3 +1,5 @@
+import withPWA from 'next-pwa';
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
@@ -6,27 +8,27 @@ const nextConfig = {
     remotePatterns: [
       {
         protocol: 'https',
-        hostname: 'i.pinimg.com', // 기존 허용할 외부 도메인
-        port: '', // 특정 포트를 허용하려면 설정
-        pathname: '/**', // 모든 경로를 허용
+        hostname: 'i.pinimg.com',
+        port: '',
+        pathname: '/**',
       },
       {
         protocol: 'https',
-        hostname: 'sprint-fe-project.s3.ap-northeast-2.amazonaws.com', // 추가할 S3 도메인
-        port: '', // 특정 포트를 허용하려면 설정
-        pathname: '/**', // 모든 경로를 허용
+        hostname: 'sprint-fe-project.s3.ap-northeast-2.amazonaws.com',
+        port: '',
+        pathname: '/**',
       },
       {
         protocol: 'https',
-        hostname: 'lh3.googleusercontent.com', // 구글 프로필 이미지 도메인 추가
-        port: '', // 특정 포트를 허용하려면 설정
-        pathname: '/**', // 모든 경로를 허용
+        hostname: 'lh3.googleusercontent.com',
+        port: '',
+        pathname: '/**',
       },
       {
         protocol: 'http',
-        hostname: 'k.kakaocdn.net', // 카카오 프로필 이미지 도메인 추가
-        port: '', // 특정 포트를 허용하려면 설정
-        pathname: '/**', // 모든 경로를 허용
+        hostname: 'k.kakaocdn.net',
+        port: '',
+        pathname: '/**',
       },
     ],
   },
@@ -40,4 +42,8 @@ const nextConfig = {
   },
 };
 
-export default nextConfig;
+export default withPWA({
+  dest: 'public',
+  register: true,
+  skipWaiting: true,
+})(nextConfig); // withPWA 호출에서 nextConfig을 전달

package.json

@@ -29,6 +29,7 @@
     "dnd-kit": "^0.0.2",
     "framer-motion": "^11.11.11",
     "next": "14.2.14",
+    "next-pwa": "^5.6.0",
     "react": "^18",
     "react-datepicker": "^7.5.0",
     "react-dom": "^18",

public/manifest.json

@@ -0,0 +1,26 @@
+{
+  "theme_color": "#1e1e1e",
+  "background_color": "#121212",
+  "icons": [
+    {
+      "purpose": "maskable",
+      "sizes": "512x512",
+      "src": "icons/icon512_maskable.png",
+      "type": "image/png"
+    },
+    {
+      "purpose": "any",
+      "sizes": "512x512",
+      "src": "icons/icon512_maskable.png",
+      "type": "image/png"
+    }
+  ],
+  "orientation": "any",
+  "display": "standalone",
+  "dir": "auto",
+  "lang": "ko-KR",
+  "start_url": "/",
+  "name": "DO'NUT",
+  "short_name": "DO'NUT",
+  "scope": "/"
+}