diff options
| -rw-r--r-- | .gitignore | 4 | ||||
| -rw-r--r-- | next.config.js | 14 | ||||
| -rw-r--r-- | package.json | 1 | ||||
| -rw-r--r-- | public/manifest.json | 12 | ||||
| -rw-r--r-- | src/app/layout.tsx | 1 |
5 files changed, 30 insertions, 2 deletions
@@ -34,3 +34,7 @@ yarn-error.log* # typescript *.tsbuildinfo next-env.d.ts + +sw.* +workbox-* +swe-worker-*
\ No newline at end of file diff --git a/next.config.js b/next.config.js index 767719f..cb8597e 100644 --- a/next.config.js +++ b/next.config.js @@ -1,4 +1,14 @@ /** @type {import('next').NextConfig} */ -const nextConfig = {} +const withPWA = require("@ducanh2912/next-pwa").default({ + dest: "public", + cacheOnFrontEndNav: true, + aggressiveFrontEndNavCaching: true, + reloadOnOnline: true, + swcMinify: true, + disable: process.env.NODE_ENV === "development", + workboxOptions: { disableDevLogs: true }, +}); -module.exports = nextConfig +const nextConfig = {}; + +module.exports = withPWA(nextConfig); diff --git a/package.json b/package.json index 1ab9e0e..3cf6f22 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "lint": "next lint" }, "dependencies": { + "@ducanh2912/next-pwa": "^9.7.2", "@nextui-org/react": "^2.1.13", "@prisma/client": "^5.5.2", "@tanstack/react-query": "^5.4.3", diff --git a/public/manifest.json b/public/manifest.json new file mode 100644 index 0000000..2163947 --- /dev/null +++ b/public/manifest.json @@ -0,0 +1,12 @@ +{ + "name": "FIN Stock Opname", + "short_name": "FIN Stock Opname", + "description": "FIN Stock Opname", + "icons": [], + "theme_color": "#FFFFFF", + "background_color": "#FFFFFF", + "start_url": "/", + "scope": ".", + "display": "standalone", + "orientation": "portrait" +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 933e308..33884a6 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -7,6 +7,7 @@ import QueryProvider from '@/common/contexts/QueryProvider' import { Toaster } from 'react-hot-toast' export const metadata: Metadata = { + manifest: '/manifest.json', title: 'FIN Stock Opname', description: 'FIN Stock Opname', viewport: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0', |