chore: pwa setting

dnd-side-project · Aug 11, 2022 · f924561 · f924561
1 parent b68161d
commit f924561
Show file tree

Hide file tree

Showing 73 changed files with 1,660 additions and 81 deletions.
diff --git a/.gitignore b/.gitignore
@@ -46,3 +46,7 @@ yarn-error.log*
 cypress/screenshots
 cypress/videos
 cypress/log
+
+# next-pwa
+**/public/workbox**
+**/public/sw**
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/.yarn/cache/@apideck-better-ajv-errors-npm-0.3.6-8c1868a017-b70ec9aae3.zip b/.yarn/cache/@apideck-better-ajv-errors-npm-0.3.6-8c1868a017-b70ec9aae3.zip
diff --git a/.yarn/cache/@rollup-plugin-babel-npm-5.3.1-6039a4d033-220d71e464.zip b/.yarn/cache/@rollup-plugin-babel-npm-5.3.1-6039a4d033-220d71e464.zip
diff --git a/.yarn/cache/@rollup-plugin-node-resolve-npm-11.2.1-1cea144df4-6f3b3ecf9a.zip b/.yarn/cache/@rollup-plugin-node-resolve-npm-11.2.1-1cea144df4-6f3b3ecf9a.zip
diff --git a/.yarn/cache/@rollup-plugin-replace-npm-2.4.2-86e64ab79f-b2f1618ee5.zip b/.yarn/cache/@rollup-plugin-replace-npm-2.4.2-86e64ab79f-b2f1618ee5.zip
diff --git a/.yarn/cache/@rollup-pluginutils-npm-3.1.0-b44b222e7d-8be16e2786.zip b/.yarn/cache/@rollup-pluginutils-npm-3.1.0-b44b222e7d-8be16e2786.zip
diff --git a/.yarn/cache/@surma-rollup-plugin-off-main-thread-npm-2.2.3-1f57d3eded-2c02134944.zip b/.yarn/cache/@surma-rollup-plugin-off-main-thread-npm-2.2.3-1f57d3eded-2c02134944.zip
diff --git a/.yarn/cache/@types-estree-npm-0.0.39-f898500e96-412fb5b986.zip b/.yarn/cache/@types-estree-npm-0.0.39-f898500e96-412fb5b986.zip
diff --git a/.yarn/cache/@types-resolve-npm-1.17.1-9a8396bef2-dc6a6df507.zip b/.yarn/cache/@types-resolve-npm-1.17.1-9a8396bef2-dc6a6df507.zip
diff --git a/.yarn/cache/@types-trusted-types-npm-2.0.2-035cb17c5e-3371eef5f1.zip b/.yarn/cache/@types-trusted-types-npm-2.0.2-035cb17c5e-3371eef5f1.zip
diff --git a/.yarn/cache/builtin-modules-npm-3.3.0-db4f3d32de-db021755d7.zip b/.yarn/cache/builtin-modules-npm-3.3.0-db4f3d32de-db021755d7.zip
diff --git a/.yarn/cache/clean-webpack-plugin-npm-4.0.0-5a85c794c8-199425e87b.zip b/.yarn/cache/clean-webpack-plugin-npm-4.0.0-5a85c794c8-199425e87b.zip
diff --git a/.yarn/cache/crypto-random-string-npm-2.0.0-8ab47992ef-0283879f55.zip b/.yarn/cache/crypto-random-string-npm-2.0.0-8ab47992ef-0283879f55.zip
diff --git a/.yarn/cache/del-npm-4.1.1-8bc04567c6-521f7da44b.zip b/.yarn/cache/del-npm-4.1.1-8bc04567c6-521f7da44b.zip
diff --git a/.yarn/cache/ejs-npm-3.1.8-30583753fc-1d40d198ad.zip b/.yarn/cache/ejs-npm-3.1.8-30583753fc-1d40d198ad.zip
diff --git a/.yarn/cache/estree-walker-npm-1.0.1-e916593b23-7e70da5396.zip b/.yarn/cache/estree-walker-npm-1.0.1-e916593b23-7e70da5396.zip
diff --git a/.yarn/cache/filelist-npm-1.0.4-3a835ae0a7-a303573b08.zip b/.yarn/cache/filelist-npm-1.0.4-3a835ae0a7-a303573b08.zip
diff --git a/.yarn/cache/get-own-enumerable-property-symbols-npm-3.0.2-f143f9e8d3-8f0331f141.zip b/.yarn/cache/get-own-enumerable-property-symbols-npm-3.0.2-f143f9e8d3-8f0331f141.zip
diff --git a/.yarn/cache/globby-npm-6.1.0-590bfb2681-18109d6b9d.zip b/.yarn/cache/globby-npm-6.1.0-590bfb2681-18109d6b9d.zip
diff --git a/.yarn/cache/idb-npm-7.0.2-adc0227452-60ebe6d5c2.zip b/.yarn/cache/idb-npm-7.0.2-adc0227452-60ebe6d5c2.zip
diff --git a/.yarn/cache/is-module-npm-1.0.0-79ba918283-8cd5390730.zip b/.yarn/cache/is-module-npm-1.0.0-79ba918283-8cd5390730.zip
diff --git a/.yarn/cache/is-obj-npm-1.0.1-7d391539d7-3ccf0efdea.zip b/.yarn/cache/is-obj-npm-1.0.1-7d391539d7-3ccf0efdea.zip
diff --git a/.yarn/cache/is-path-cwd-npm-2.2.0-e35e4aab5f-46a840921b.zip b/.yarn/cache/is-path-cwd-npm-2.2.0-e35e4aab5f-46a840921b.zip
diff --git a/.yarn/cache/is-path-in-cwd-npm-2.1.0-2a2ca98522-6b01b3f8c9.zip b/.yarn/cache/is-path-in-cwd-npm-2.1.0-2a2ca98522-6b01b3f8c9.zip
diff --git a/.yarn/cache/is-path-inside-npm-2.1.0-f943552e7a-6ca34dbd84.zip b/.yarn/cache/is-path-inside-npm-2.1.0-f943552e7a-6ca34dbd84.zip
diff --git a/.yarn/cache/is-regexp-npm-1.0.0-8f95f51a0c-be692828e2.zip b/.yarn/cache/is-regexp-npm-1.0.0-8f95f51a0c-be692828e2.zip
diff --git a/.yarn/cache/jake-npm-10.8.5-6a5e87e533-56c913ecf5.zip b/.yarn/cache/jake-npm-10.8.5-6a5e87e533-56c913ecf5.zip
diff --git a/.yarn/cache/jsonpointer-npm-5.0.1-8e4c22e512-0b40f71290.zip b/.yarn/cache/jsonpointer-npm-5.0.1-8e4c22e512-0b40f71290.zip
diff --git a/.yarn/cache/lodash.sortby-npm-4.7.0-fda8ab950d-db170c9396.zip b/.yarn/cache/lodash.sortby-npm-4.7.0-fda8ab950d-db170c9396.zip
diff --git a/.yarn/cache/magic-string-npm-0.25.9-0b51c0ea50-9a0e55a15c.zip b/.yarn/cache/magic-string-npm-0.25.9-0b51c0ea50-9a0e55a15c.zip
diff --git a/.yarn/cache/next-compose-plugins-npm-2.2.1-a9c8f4fdca-771762fda2.zip b/.yarn/cache/next-compose-plugins-npm-2.2.1-a9c8f4fdca-771762fda2.zip
diff --git a/.yarn/cache/next-pwa-npm-5.5.4-83411ae758-eebf144037.zip b/.yarn/cache/next-pwa-npm-5.5.4-83411ae758-eebf144037.zip
diff --git a/.yarn/cache/path-is-inside-npm-1.0.2-7dd0711668-0b5b6c92d3.zip b/.yarn/cache/path-is-inside-npm-1.0.2-7dd0711668-0b5b6c92d3.zip
diff --git a/.yarn/cache/rollup-npm-2.77.3-be523d3443-b179c68249.zip b/.yarn/cache/rollup-npm-2.77.3-be523d3443-b179c68249.zip
diff --git a/.yarn/cache/rollup-plugin-terser-npm-7.0.2-3f55469f5a-af84bb7a7a.zip b/.yarn/cache/rollup-plugin-terser-npm-7.0.2-3f55469f5a-af84bb7a7a.zip
diff --git a/.yarn/cache/source-map-npm-0.8.0-beta.0-688a309e94-e94169be64.zip b/.yarn/cache/source-map-npm-0.8.0-beta.0-688a309e94-e94169be64.zip
diff --git a/.yarn/cache/sourcemap-codec-npm-1.4.8-3a1a9e60b1-b57981c056.zip b/.yarn/cache/sourcemap-codec-npm-1.4.8-3a1a9e60b1-b57981c056.zip
diff --git a/.yarn/cache/stringify-object-npm-3.3.0-3e6784f7df-6827a3f359.zip b/.yarn/cache/stringify-object-npm-3.3.0-3e6784f7df-6827a3f359.zip
diff --git a/.yarn/cache/strip-comments-npm-2.0.1-7f4e6e5047-36cd122e1c.zip b/.yarn/cache/strip-comments-npm-2.0.1-7f4e6e5047-36cd122e1c.zip
diff --git a/.yarn/cache/temp-dir-npm-2.0.0-e8af180805-cc4f0404bf.zip b/.yarn/cache/temp-dir-npm-2.0.0-e8af180805-cc4f0404bf.zip
diff --git a/.yarn/cache/tempy-npm-0.6.0-e704ff522c-dd09c8b661.zip b/.yarn/cache/tempy-npm-0.6.0-e704ff522c-dd09c8b661.zip
diff --git a/.yarn/cache/tr46-npm-1.0.1-9547f343a4-96d4ed46bc.zip b/.yarn/cache/tr46-npm-1.0.1-9547f343a4-96d4ed46bc.zip
diff --git a/.yarn/cache/type-fest-npm-0.16.0-e1b8ff05d9-1a4102c06d.zip b/.yarn/cache/type-fest-npm-0.16.0-e1b8ff05d9-1a4102c06d.zip
diff --git a/.yarn/cache/unique-string-npm-2.0.0-3153c97e47-ef68f63913.zip b/.yarn/cache/unique-string-npm-2.0.0-3153c97e47-ef68f63913.zip
diff --git a/.yarn/cache/webidl-conversions-npm-4.0.2-1d159e6409-c93d8dfe90.zip b/.yarn/cache/webidl-conversions-npm-4.0.2-1d159e6409-c93d8dfe90.zip
diff --git a/.yarn/cache/whatwg-url-npm-7.1.0-d6cae01571-fecb07c872.zip b/.yarn/cache/whatwg-url-npm-7.1.0-d6cae01571-fecb07c872.zip
diff --git a/.yarn/cache/workbox-background-sync-npm-6.5.4-13a7f8219a-60ac80275c.zip b/.yarn/cache/workbox-background-sync-npm-6.5.4-13a7f8219a-60ac80275c.zip
diff --git a/.yarn/cache/workbox-broadcast-update-npm-6.5.4-37b0700ca4-63cbab2012.zip b/.yarn/cache/workbox-broadcast-update-npm-6.5.4-37b0700ca4-63cbab2012.zip
diff --git a/.yarn/cache/workbox-build-npm-6.5.4-71d02fae43-7336bbab4c.zip b/.yarn/cache/workbox-build-npm-6.5.4-71d02fae43-7336bbab4c.zip
diff --git a/.yarn/cache/workbox-cacheable-response-npm-6.5.4-5661dd1793-f7545b71c1.zip b/.yarn/cache/workbox-cacheable-response-npm-6.5.4-5661dd1793-f7545b71c1.zip
diff --git a/.yarn/cache/workbox-core-npm-6.5.4-a956387c31-d973cc6c1c.zip b/.yarn/cache/workbox-core-npm-6.5.4-a956387c31-d973cc6c1c.zip
diff --git a/.yarn/cache/workbox-expiration-npm-6.5.4-081a8d4613-4b012b69ce.zip b/.yarn/cache/workbox-expiration-npm-6.5.4-081a8d4613-4b012b69ce.zip
diff --git a/.yarn/cache/workbox-google-analytics-npm-6.5.4-bf443f64b1-fcce5e3137.zip b/.yarn/cache/workbox-google-analytics-npm-6.5.4-bf443f64b1-fcce5e3137.zip
diff --git a/.yarn/cache/workbox-navigation-preload-npm-6.5.4-f9b6686723-c8c341b799.zip b/.yarn/cache/workbox-navigation-preload-npm-6.5.4-f9b6686723-c8c341b799.zip
diff --git a/.yarn/cache/workbox-precaching-npm-6.5.4-69d8a56e94-15ef24ffb0.zip b/.yarn/cache/workbox-precaching-npm-6.5.4-69d8a56e94-15ef24ffb0.zip
diff --git a/.yarn/cache/workbox-range-requests-npm-6.5.4-81869b9d72-50f144ced7.zip b/.yarn/cache/workbox-range-requests-npm-6.5.4-81869b9d72-50f144ced7.zip
diff --git a/.yarn/cache/workbox-recipes-npm-6.5.4-03aa78ea0b-397befeb7c.zip b/.yarn/cache/workbox-recipes-npm-6.5.4-03aa78ea0b-397befeb7c.zip
diff --git a/.yarn/cache/workbox-routing-npm-6.5.4-7e767a784d-7198c50b90.zip b/.yarn/cache/workbox-routing-npm-6.5.4-7e767a784d-7198c50b90.zip
diff --git a/.yarn/cache/workbox-strategies-npm-6.5.4-8bc6258bfc-52134ecd6c.zip b/.yarn/cache/workbox-strategies-npm-6.5.4-8bc6258bfc-52134ecd6c.zip
diff --git a/.yarn/cache/workbox-streams-npm-6.5.4-17a6050105-efd6917ead.zip b/.yarn/cache/workbox-streams-npm-6.5.4-17a6050105-efd6917ead.zip
diff --git a/.yarn/cache/workbox-sw-npm-6.5.4-307d7c4499-b95c76a74b.zip b/.yarn/cache/workbox-sw-npm-6.5.4-307d7c4499-b95c76a74b.zip
diff --git a/.yarn/cache/workbox-webpack-plugin-npm-6.5.4-3842d0960f-d42ab21399.zip b/.yarn/cache/workbox-webpack-plugin-npm-6.5.4-3842d0960f-d42ab21399.zip
diff --git a/.yarn/cache/workbox-window-npm-6.5.4-20240f4b44-bc43c8d319.zip b/.yarn/cache/workbox-window-npm-6.5.4-20240f4b44-bc43c8d319.zip
diff --git a/next.config.js b/next.config.js
@@ -1,3 +1,7 @@
+const withPlugins = require('next-compose-plugins');
+const withPWA = require('next-pwa');
+const runtimeCaching = require('next-pwa/cache');
+
 const isProd = process.env.NODE_ENV === 'production';
 
 /** @type {import('next').NextConfig} */
@@ -27,4 +31,18 @@ const nextConfig = {
   },
 };
 
-module.exports = nextConfig;
+module.exports = withPlugins(
+  [
+    [
+      withPWA,
+      {
+        pwa: {
+          disable: !isProd,
+          dest: 'public',
+          runtimeCaching,
+        },
+      },
+    ],
+  ],
+  nextConfig,
+);
diff --git a/package.json b/package.json
@@ -37,6 +37,8 @@
     "emotion-normalize": "^11.0.1",
     "facepaint": "^1.2.1",
     "next": "^12.2.2",
+    "next-compose-plugins": "^2.2.1",
+    "next-pwa": "5.5.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "recoil": "^0.7.4"

diff --git a/public/images/icon_192.png b/public/images/icon_192.png
diff --git a/public/images/icon_512.png b/public/images/icon_512.png
diff --git a/public/images/maskable_icon_192.png b/public/images/maskable_icon_192.png
diff --git a/public/images/maskable_icon_512.png b/public/images/maskable_icon_512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,35 @@
+{
+  "name": "2차갈래",
+  "short_name": "2차갈래",
+  "description": "2차를 빠르게 찾게 도와주는 플랫폼 2차갈래",
+  "icons": [
+    {
+      "src": "images/icon_192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icon_512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "images/maskable_icon_192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/maskable_icon_512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "start_url": "/?source=pwa",
+  "background_color": "#EB4F27",
+  "orientation": "portrait",
+  "display": "standalone",
+  "scope": "/",
+  "theme_color": "#EB4F27"
+}
diff --git a/src/pages/_document.page.tsx b/src/pages/_document.page.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+
+import Document, {
+  Head, Html, Main, NextScript,
+} from 'next/document';
+
+class MyDocument extends Document {
+  render() {
+    return (
+      <Html lang="ko">
+        <Head>
+          <meta charSet="utf-8" />
+          <meta name="mobile-web-app-capable" content="yes" />
+          <meta name="apple-mobile-web-app-capable" content="yes" />
+          <meta
+            name="apple-mobile-web-app-status-bar-style"
+            content="black-translucent"
+          />
+          <meta name="apple-mobile-web-app-title" content="2차갈래" />
+          <meta name="application-name" content="2차갈래" />
+          <meta name="description" content="2차를 빠르게 찾게 도와주는 플랫폼 2차갈래" />
+          <meta
+            name="theme-color"
+            content="#EB4F27"
+            media="(prefers-color-scheme: light)"
+          />
+          <meta
+            name="theme-color"
+            content="#EB4F27"
+            media="(prefers-color-scheme: dark)"
+          />
+          <link rel="apple-touch-icon" href="/images/maskable_icon_512.png" />
+          <link rel="shortcut icon" href="/favicon.ico" />
+          <link rel="manifest" href="/manifest.json" />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+
+export default MyDocument;