feat: change build directory and reference for buildspec.yaml

cra_buildspec.yaml

@@ -22,9 +22,9 @@ phases:
     commands:
       - echo saving commit id to file
       - export COMMIT_ID=$(git rev-parse --verify HEAD)
-      - echo $COMMIT_ID > build/commit_id.txt
+      - echo $COMMIT_ID > .next/commit_id.txt
       - echo gzipping and pushing artifact to s3
-      - cd build
+      - cd .next
       - tar c * | gzip | aws s3 cp - "s3://${CI_ARTIFACT_BUCKET}/${GITHUB_PRJ_NAME}/commits/${COMMIT_ID}/${PACKAGE_NAME}.tar.gz"
       - |
         BRANCH_NAME=$(echo $CODEBUILD_WEBHOOK_HEAD_REF | sed 's/refs\/heads\///'); export BRANCH_NAME=${BRANCH_NAME:=$GIT_DEFAULT_BRANCH}
@@ -33,6 +33,6 @@ phases:
         cat ci_event.json
         aws events put-events --entries file://ci_event.json
 artifacts:
-  base-directory: build
+  base-directory: .next
   files:
-    - '**/*'
+    - "**/*"

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

next.config.js

@@ -1,31 +1,29 @@
 const { PHASE_DEVELOPMENT_SERVER } = require("next/constants");
 
 const nextConfig = {
-  output: 'export',
+  output: "export",
   reactStrictMode: true,
   trailingSlash: true,
-  distDir: 'build',
-  transpilePackages: [
-    '@pagopa/mui-italia',
-  ],
+  distDir: ".next",
+  transpilePackages: ["@pagopa/mui-italia"],
   modularizeImports: {
     "@mui/icons-material": {
       transform: "@mui/icons-material/{{member}}",
     },
     "@mui/material": {
       transform: "@mui/material/{{member}}",
     },
-  }
+  },
 };
 /**
  * As soon as RADD sperimentation start, all page extension mapping needs to be remove.
  * It can affect building phase drastically.
  * In addition to this, also the pages in "punti di ritiro" folder should have their extensions
  * changed from ".dev.tsx" to ".tsx"
- * 
+ *
  * What this code does:
  * This code will allow you to use .dev.xxx extensions for dev-only pages, and .xxx for pages that are publicly accessible.
- * 
+ *
  * More info here https://dev.to/tylerlwsmith/development-only-pages-in-nextjs-4fgo
  */
 module.exports = (phase, { defaultConfig }) => ({
@@ -41,4 +39,3 @@ module.exports = (phase, { defaultConfig }) => ({
     })
     .flat(),
 });
-

package.json

@@ -17,10 +17,10 @@
     "@mui/lab": "5.0.0-alpha.119",
     "@mui/material": "5.11.8",
     "@pagopa/mui-italia": "^1.3.0",
-    "next": "14.1.1",
+    "next": "^14.2.14",
     "papaparse": "^5.4.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "vega": "^5.27.0",
     "vega-embed": "^6.24.0",
     "vega-interpreter": "^1.0.5",
@@ -34,7 +34,7 @@
     "@types/react-dom": "18.2.0",
     "@typescript-eslint/eslint-plugin": "7.7.1",
     "eslint": "9.1.1",
-    "eslint-config-next": "^13.1.2",
+    "eslint-config-next": "^14.2.14",
     "eslint-config-prettier": "^8.3.0",
     "next-transpile-modules": "^9.0.0",
     "prettier": "^2.4.1",