feat: deps update

next.config.js

@@ -16,13 +16,21 @@ module.exports = (phase) => {
   // or if flags `isProd / isStaging` turned false
   const isDev = phase === PHASE_DEVELOPMENT_SERVER || (!isProd && !isStaging);
 
-  if (isDev) {
-    console.log(`isDev:${isDev}  isProd:${isProd}   isStaging:${isStaging}`);
-  }
-
   const env = {
-    storePicturesInWEBP: true,
-    generateAndUseBlurImages: true,
+    nextImageExportOptimizer_imageFolderPath: "public/images",
+    nextImageExportOptimizer_exportFolderPath: "out",
+    nextImageExportOptimizer_quality: 90,
+    nextImageExportOptimizer_storePicturesInWEBP: true,
+
+    // If you do not want to use blurry placeholder images, then you can set
+    // nextImageExportOptimizer_generateAndUseBlurImages to false and pass
+    // `placeholder="empty"` to all <ExportedImage> components.
+    //
+    // If nextImageExportOptimizer_generateAndUseBlurImages is false and you
+    // forget to set `placeholder="empty"`, you'll see 404 errors for the missing
+    // placeholder images in the console.
+    nextImageExportOptimizer_generateAndUseBlurImages: true,
+
     IS_PROD: () => !isDev,
     NEXT_SEO_JLD_ANSWER: process.env.NEXT_SEO_JLD_ANSWER,
     NEXT_SEO_JLD_QUESTION: process.env.NEXT_SEO_JLD_QUESTION,
@@ -48,28 +56,13 @@ module.exports = (phase) => {
     env: {
       ...env
     },
-    ssr: false,
     reactStrictMode: true,
     poweredByHeader: false,
-    experimental: {
-      images: {
-        layoutRaw: true,
-        unoptimized: true,
-      }
-    },
     images: {
-      storePicturesInWEBP: true,
-      generateAndUseBlurImages: true,
       minimumCacheTTL: 60,
       formats: ["image/webp"],
       loader: "custom",
-      layoutRaw: true,
       deviceSizes: [320, 828, 1200, 1920],
-      nextImageExportOptimizer: {
-        imageFolderPath: "public/images",
-        exportFolderPath: "out",
-        quality: 80
-      }
     }
   };
-};
+};

package.json

@@ -39,6 +39,7 @@
     "dev": "next-image-export-optimizer && next dev",
     "build": "next build && next-image-export-optimizer",
     "generate": "next build && next export && next-image-export-optimizer",
+    "export": "next build && next export && next-image-export-optimizer",
     "start": "next start",
     "lint": "next lint",
     "typecheck": "tsc",
@@ -51,47 +52,47 @@
     "axios": "1.1.3",
     "lite-youtube-embed": "0.2.0",
     "moments": "0.0.2",
-    "next": "latest",
-    "next-gtag": "0.1.4",
-    "next-image-export-optimizer": "0.14.5",
+    "next": "13.0.3",
+    "next-gtag": "0.2.0",
+    "next-image-export-optimizer": "1.0.1",
     "next-seo": "5.14.1",
-    "react": "latest",
-    "react-dom": "latest",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-icons": "4.6.0",
-    "react-paginate": "latest",
+    "react-paginate": "8.1.4",
     "react-scroll": "1.8.8",
     "react-tweet-embed": "2.0.0",
     "swr": "1.3.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "17.1.2",
-    "@commitlint/config-conventional": "17.1.0",
+    "@commitlint/cli": "17.2.0",
+    "@commitlint/config-conventional": "17.2.0",
     "@semantic-release/changelog": "6.0.1",
     "@semantic-release/commit-analyzer": "9.0.2",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",
     "@semantic-release/github": "8.0.6",
     "@semantic-release/release-notes-generator": "10.0.3",
     "@types/aos": "3.0.4",
-    "@types/node": "18.11.9",
     "@types/gtag.js": "0.0.12",
+    "@types/node": "18.11.9",
     "@types/react": "18.0.25",
-    "@types/react-dom": "latest",
+    "@types/react-dom": "18.0.9",
     "@types/react-scroll": "1.8.5",
     "autoprefixer": "10.4.13",
     "cssnano": "5.1.14",
-    "eslint": "8.25.0",
-    "eslint-config-next": "13.0.2",
+    "eslint": "8.27.0",
+    "eslint-config-next": "13.0.3",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-react-hooks": "4.6.0",
     "husky": "8.0.2",
     "lint-staged": "13.0.3",
-    "postcss": "8.4.18",
+    "postcss": "8.4.19",
     "postcss-flexbugs-fixes": "5.0.2",
     "prettier": "2.7.1",
     "prettier-plugin-tailwindcss": "0.1.13",
     "react-schemaorg": "2.0.0",
-    "sass": "1.55.0",
+    "sass": "1.56.1",
     "schema-dts": "1.1.0",
     "semantic-release": "19.0.5",
     "tailwindcss": "3.2.4",
@@ -101,4 +102,4 @@
     "lodash": "4.17.21"
   },
   "packageManager": "yarn@3.2.4"
-}
+}