Merge pull request #40 from rezaageng/dev

feat(app):✨ update next@14

.env.test

@@ -10,4 +10,7 @@ GITHUB_KEY = your_github_key
 
 LEETCODE_USERNAME = rezaageng
 
-NEXT_PUBLIC_GA_MEASUREMENT_ID = G-YOUR_GA_MEASUREMENT_ID
+NEXT_PUBLIC_GA_MEASUREMENT_ID = G-YOUR_GA_MEASUREMENT_ID
+
+NEXT_PUBLIC_APP_VERSION = 1.0.0
+NEXT_PUBLIC_NEXT_VERSION = 13.4.5

.github/workflows/integration.yml

@@ -12,8 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x]
-        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+        node-version: [18.x, 20.x]
 
     steps:
       - uses: actions/checkout@v3
@@ -33,8 +32,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x]
-        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+        node-version: [18.x, 20.x]
 
     steps:
       - uses: actions/checkout@v3
@@ -47,6 +45,8 @@ jobs:
             NEXT_PUBLIC_WAKA_COUNTRY = Indonesia}
             GITHUB_USERNAME = rezaageng
             GITHUB_KEY= ${{secrets.GH_KEY}} 
+            NEXT_PUBLIC_APP_VERSION = 1.0.0
+            NEXT_PUBLIC_NEXT_VERSION = 14.0.2
             LEETCODE_USERNAME = rezaageng" > .env
       - uses: pnpm/action-setup@v2
         with:

next.config.js → next.config.mjs

@@ -1,3 +1,6 @@
+// @ts-check
+import withPlaiceholder from '@plaiceholder/next'
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
@@ -16,4 +19,4 @@ const nextConfig = {
   }
 }
 
-module.exports = nextConfig
+export default withPlaiceholder(nextConfig)

package.json

@@ -16,12 +16,13 @@
     "preinstall": "npx only-allow pnpm"
   },
   "dependencies": {
-    "@apollo/client": "3.8.6",
-    "@apollo/experimental-nextjs-app-support": "^0.4.3",
+    "@apollo/client": "3.8.7",
+    "@apollo/experimental-nextjs-app-support": "^0.5.1",
     "@habx/apollo-multi-endpoint-link": "^2.9.0",
     "@juggle/resize-observer": "^3.4.0",
-    "@react-three/drei": "^9.80.1",
-    "@react-three/fiber": "^8.13.6",
+    "@plaiceholder/next": "^3.0.0",
+    "@react-three/drei": "^9.88.14",
+    "@react-three/fiber": "^8.15.11",
     "@studio-freight/react-lenis": "^0.0.30",
     "@tanstack/react-query": "^4.32.1",
     "@tanstack/react-query-devtools": "^4.32.1",
@@ -30,14 +31,15 @@
     "@types/react": "18.2.18",
     "@types/react-dom": "18.2.7",
     "@types/testing-library__jest-dom": "^5.14.9",
-    "@types/three": "^0.155.0",
+    "@types/three": "^0.158.2",
     "@types/uuid": "^9.0.2",
     "date-fns": "^2.30.0",
-    "framer-motion": "^10.16.4",
+    "framer-motion": "^10.16.5",
     "highlight.js": "^11.9.0",
     "lottie-react": "^2.4.0",
-    "next": "13.4.12",
+    "next": "14.0.2",
     "next-mdx-remote": "^4.4.1",
+    "plaiceholder": "^3.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "^7.45.2",
@@ -49,7 +51,7 @@
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^3.0.1",
     "sharp": "^0.32.6",
-    "three": "^0.155.0",
+    "three": "^0.158.0",
     "uuid": "^9.0.0",
     "zustand": "^4.4.0"
   },