chore: update next to v11 (#243)

Author: Tomburgs

.eslintrc.json

@@ -20,6 +20,7 @@
             "version": "detect"
         }
     },
+    "ignorePatterns": ["next.config.js"],
     "parser": "@typescript-eslint/parser",
     "parserOptions": {
         "project": "./tsconfig.json",

next-env.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />

next.config.js

@@ -14,6 +14,7 @@ const serviceWorkerUrl = `/_next/${serviceWorkerPath}`;
 const serviceWorkerDest = `.next/${serviceWorkerPath}`;
 
 module.exports = {
+    webpack5: true,
     reactStrictMode: true,
     env: {
         serviceWorkerUrl

package.json

@@ -1,21 +1,21 @@
 {
   "name": "pwa-boilerplate",
   "description": "PWA Boilerplate",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "license": "MIT",
   "dependencies": {
     "@svgr/webpack": "5.5.0",
     "html-react-parser": "^1.2.3",
     "jstoxml": "^2.0.3",
-    "next": "^10.0.5",
+    "next": "^11.0.0",
     "raw-loader": "^4.0.2",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-redux": "^7.2.3",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",
     "sass": "^1.32.13",
-    "typescript": "~4.2.4",
+    "typescript": "^4.3.2",
     "workbox-core": "^6.1.2",
     "workbox-expiration": "^6.0.2",
     "workbox-precaching": "^6.0.2",
@@ -33,14 +33,15 @@
     "@typescript-eslint/parser": "^4.18.0",
     "eslint": "^7.23.0",
     "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-next": "^11.0.1",
     "eslint-plugin-flowtype": "5.7.0",
     "eslint-plugin-import": "^2.23.2",
     "eslint-plugin-jsx-a11y": "6.4.1",
     "eslint-plugin-react": "^7.22.0",
     "eslint-plugin-react-hooks": "^4.2.0"
   },
   "scripts": {
-    "development": "NODE_ENV=development next",
+    "dev": "NODE_ENV=development next",
     "start": "NODE_ENV=production next start",
     "build": "next build",
     "eslint": "eslint ./src"

src/sw/utils/getBuildManifest.ts

@@ -1,7 +1,7 @@
 declare const self: ServiceWorkerGlobalScope;
 
 const getBuildManifest = (): NextBuildManifest => {
-    const manifest = self.__BUILD_MANIFEST;
+    const { __rewrites, sortedPages, ...manifest } = self.__BUILD_MANIFEST;
 
     return Object.entries(manifest).reduce<NextBuildManifest>(
         (manifest, [page, assets]) => ({