Build error on vercel and local both Next 13

[AteebNoOne]

Summary

npm run build

[email protected] build
next build

⚠ Invalid next.config.js options detected:
⚠ Expected boolean, received object at "experimental.serverActions"
⚠ See more info here: https://nextjs.org/docs/messages/invalid-next-config
Failed to compile.

./node_modules/@google-cloud/firestore/build/src/index.js:42:22
Module not found: Can't resolve 'querystring'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./node_modules/firebase-admin/lib/firestore/index.js
./node_modules/firebase-admin/lib/esm/firestore/index.js
./src/lib/firebase/admin.ts
./src/app/api/domain/route.ts
./node_modules/next/dist/build/webpack/loaders/next-edge-app-route-loader/index.js?absolutePagePath=private-next-app-dir%2Fapi%2Fdomain%2Froute.ts&page=%2Fapi%2Fdomain%2Froute&appDirLoader=bmV4dC1hcHAtbG9hZGVyP25hbWU9YXBwJTJGYXBpJTJGZG9tYWluJTJGcm91dGUmcGFnZT0lMkZhcGklMkZkb21haW4lMkZyb3V0ZSZwYWdlUGF0aD1wcml2YXRlLW5leHQtYXBwLWRpciUyRmFwaSUyRmRvbWFpbiUyRnJvdXRlLnRzJmFwcERpcj1FJTNBJTVDVmVyY2VsJTVDVW1lciUyMEdpbGxhbmklMjAxJTVDY29udHJhLWNsb25lLW1haW4lNUNzcmMlNUNhcHAmYXBwUJTJGZG9tYWluJTJGcm91dGUmcGFnZUV4dGVuc2lvbnM9dHN4JnBhZ2VFeHRlbnNpb25zPXRzJnBhZ2VFeHRlbnNpb25zPWpzeCZwYWdlRXh0ZW5zaW9ucz1qcyZiYXNlUGF0aD0mYXNzZXRQcmVmaXg9Jm5leHRDb25maWdPdXRwdXQ9JnByZWZlcnJlZFJlZ2lvbj0mbWlkZGxld2FyZUNvbmZpZz1lMzAlM0Qh&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!

./node_modules/@google-cloud/firestore/build/src/util.js:19:17
Module not found: Can't resolve 'crypto'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./node_modules/@google-cloud/firestore/build/src/path.js
./node_modules/firebase-admin/lib/firestore/index.js
./node_modules/firebase-admin/lib/esm/firestore/index.js
./src/lib/firebase/admin.ts
./src/app/api/domain/route.ts
./node_modules/next/dist/build/webpack/loaders/next-edge-app-route-loader/index.js?absolutePagePath=private-next-app-dir%2Fapi%2Fdomain%2Froute.ts&page=%2Fapi%2Fdomain%2Froute&appDirLoader=bmV4dC1hcHAtbG9hZGVyP25hbWU9YXBwJTJGYXBpJTJGZG9tYWluJTJGcm91dGUmcGFnZT0lMkZhcGklMMkZyb3V0ZSZwYWdlUGF0aD1wcml2YXRlLW5leHQtYXBwLWRpciUyRmFwaSUyRmRvbWFpbiUyRnJvdXRlLnRzJmFwcERpcj1FJTNBJTVDVmVyY2VsJTVDVW1lciUyMEdpbGxhbmklMjAxJTVDY29udHJhLWNsb25lLW1haW4lNUNzcmMlNUNhcHAmYXBwUGF0aHM9JTJGYXBpJTJGZG9tYWluJTJGcm91dGUmcGFnZUV4dGVuc2lvbnM9dHN4JnBhZ2VFeHRlbnNpb25zPXRzJnBhZ2VFeHRlbnNpb25zPWpzeCZwYWdlRXh0ZW5zaW9ucz1qcyZiYXNlUGF0aD0mYXNzZXRQcmVmaXg9Jm5leHRDb25maWdPdXRwdXQ9JnByZWZlcnJlZFJlZ2lvbj0mbWlkZGxld2FyZUNvbmZpZz1lMzAlM0Qh&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!

./node_modules/gaxios/build/src/gaxios.js:20:16
Module not found: Can't resolve 'https'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./node_modules/gaxios/build/src/index.js
./node_modules/google-auth-library/build/src/transporters.js
./node_modules/google-auth-library/build/src/index.js
./node_modules/google-gax/build/src/fallback.js
./node_modules/@google-cloud/firestore/build/src/util.js
./node_modules/@google-cloud/firestore/build/src/path.js
./node_modules/firebase-admin/lib/firestore/index.js
./node_modules/firebase-admin/lib/esm/firestore/index.js
./src/lib/firebase/admin.ts
./src/app/api/domain/route.ts
./node_modules/next/dist/build/webpack/loaders/next-edge-app-route-loader/index.js?absolutePagePath=private-next-app-dir%2Fapi%2Fdomain%2Froute.ts&page=%2Fapi%2Fdomain%2Froute&appDirLoader=bmV4dC1hcHAtbG9hZGVyP25hbWU9YXBwJTJGYXBpJTJGZG9tYWluJTJGcm91dGUmcBJTVDVmVyY2VsJTVDVW1lciUyMEdpbGxhbmklMjAxJTVDY29udHJhLWNsb25lLW1haW4lNUNzcmMlNUNhcHAmYXBwUGF0aHM9JTJGYXBpJTJGZG9tYWluJTJGcm91dGUmcGFnZUV4dGVuc2lvbnM9dHN4JnBhZ2VFeHRlbnNpb25zPXRzJnBhZ2VFeHRlbnNpb25zPWpzeCZwYWdlRXh0ZW5zaW9ucz1qcyZiYXNlUGF0aD0mYXNzZXRQcmVmaXg9Jm5leHRDb25maWdPdXRwdXQ9JnByZWZlcnJlZFJlZ2lvbj0mbWlkZGxld2FyZUNvbmZpZz1lMzAlM0Qh&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!

./node_modules/gaxios/build/src/gaxios.js:22:38
Module not found: Can't resolve 'querystring'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./node_modules/gaxios/build/src/index.js
./node_modules/google-auth-library/build/src/transporters.js
./node_modules/google-auth-library/build/src/index.js
./node_modules/google-gax/build/src/fallback.js
./node_modules/@google-cloud/firestore/build/src/util.js
./node_modules/@google-cloud/firestore/build/src/path.js
./node_modules/firebase-admin/lib/firestore/index.js
./node_modules/firebase-admin/lib/esm/firestore/index.js
./src/lib/firebase/admin.ts
./src/app/api/domain/route.ts
./node_modules/next/dist/build/webpack/loaders/next-edge-app-route-loader/index.js?absolutePagePath=private-next-app-dir%2Fapi%2Fdomain%2Froute.ts&page=%2Fapi%2Fdomain%2Froute&appDirLoader=bmV4dC1hcHAtbG9hZGVyP25hbWU9YXBwJTJGYXBpJTJGZG9tYWluJTJGcm91dGUmcGFnZT0lMkZhcGklMkZkb21haW4lMkZyb3V0ZSZwYWdlUGF0aD1wcml2YXRlLW5leHQtYXBwLWRpciUyRmFwaSUyRmRvbWFpbiUyRnJvdXRlLnRzJmFwcERpcj1FJTNBJTVDVmVyY2VsJTVDVW1lciUyMEdpbGxhbmklMjAxJTVDY29udHJhLWNsb25lLW1haW4lNUNzcF0aHM9JTJGYXBpJTJGZG9tYWluJTJGcm91dGUmcGFnZUV4dGVuc2lvbnM9dHN4JnBhZ2VFeHRlbnNpb25zPXRzJnBhZ2VFeHRlbnNpb25zPWpzeCZwYWdlRXh0ZW5zaW9ucz1qcyZiYXNlUGF0aD0mYXNzZXRQcmVmaXg9Jm5leHRDb25maWdPdXRwdXQ9JnByZWZlcnJlZFJlZ2lvbj0mbWlkZGxld2FyZUNvbmZpZz1lMzAlM0Qh&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!

./node_modules/gcp-metadata/build/src/gcp-residency.js:19:13
Module not found: Can't resolve 'fs'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./node_modules/gcp-metadata/build/src/index.js
./node_modules/google-auth-library/build/src/auth/computeclient.js
./node_modules/google-auth-library/build/src/index.js
./node_modules/google-gax/build/src/fallback.js
./node_modules/@google-cloud/firestore/build/src/util.js
./node_modules/@google-cloud/firestore/build/src/path.js
./node_modules/firebase-admin/lib/firestore/index.js
./node_modules/firebase-admin/lib/esm/firestore/index.js
./src/lib/firebase/admin.ts
./src/app/api/domain/route.ts
./node_modules/next/dist/build/webpack/loaders/next-edge-app-route-loader/index.js?absolutePagePath=private-next-app-dir%2Fapi%2Fdomain%2Froute.ts&page=%2Fapi%2Fdomain%2Froute&appDirLoader=bmV4dC1hcHAtbG9hZGVyP25hbWU9YXBwJTJGYXBpJTJGZG9tYWluJTJGcm91dGUGklMkZkb21haW4lMkZyb3V0ZSZwYWdlUGF0aD1wcml2YXRlLW5leHQtYXBwLWRpciUyRmFwaSUyRmRvbWFpbiUyRnJvdXRlLnRzJmFwcERpcj1FJTNBJTVDVmVyY2VsJTVDVW1lciUyMEdpbGxhbmklMjAxJTVDY29udHJhLWNsb25lLW1haW4lNUNzcmMlNUNhcHAmYXB9JTJGYXBpJTJGZG9tYWluJTJGcm91dGUmcGFnZUV4dGVuc2lvbnM9dHN4JnBhZ2VFeHRlbnNpb25zPXRzJnBhZ2VFeHRlbnNpb25zPWpzeCZwYWdlRXh0ZW5zaW9ucz1qcyZiYXNlUGF0aD0mYXNzZXRQcmVmaXg9Jm5leHRDb25maWdPdXRwdXQ9JnByZWZlcnJlZFJlZ2lvbj0mbWlkZGxld2FyZUNvbmZpZz1lMzAlM0Qh&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!

Build failed because of webpack errors

Additional information

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "dev:https": "local-ssl-proxy --key localhost-key.pem --cert localhost.pem --source 3001 --target 3000",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@dnd-kit/core": "^6.1.0",
    "@dnd-kit/modifiers": "^9.0.0",
    "@dnd-kit/sortable": "^8.0.0",
    "@dnd-kit/utilities": "^3.2.2",
    "@editorjs/code": "^2.9.3",
    "@editorjs/editorjs": "^2.30.7",
    "@editorjs/header": "^2.8.8",
    "@editorjs/image": "^2.10.1",
    "@editorjs/link": "^2.6.2",
    "@editorjs/list": "^2.0.2",
    "@editorjs/marker": "^1.4.0",
    "@editorjs/paragraph": "^2.11.6",
    "@editorjs/quote": "^2.7.4",
    "@emoji-mart/data": "^1.0.6",
    "@emoji-mart/react": "^1.0.1",
    "@ffmpeg-installer/ffmpeg": "^1.1.0",
    "@ffmpeg/ffmpeg": "^0.12.7",
    "@ffmpeg/util": "^0.12.1",
    "@grpc/grpc-js": "^1.12.6",
    "@grpc/proto-loader": "^0.7.13",
    "@hookform/resolvers": "^3.9.1",
    "@radix-ui/react-accordion": "^1.2.1",
    "@radix-ui/react-alert-dialog": "^1.1.2",
    "@radix-ui/react-aspect-ratio": "^1.1.0",
    "@radix-ui/react-avatar": "^1.1.1",
    "@radix-ui/react-checkbox": "^1.1.2",
    "@radix-ui/react-collapsible": "^1.1.1",
    "@radix-ui/react-context-menu": "^2.2.2",
    "@radix-ui/react-dialog": "^1.1.2",
    "@radix-ui/react-dropdown-menu": "^2.1.2",
    "@radix-ui/react-hover-card": "^1.1.2",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-label": "^2.1.0",
    "@radix-ui/react-menubar": "^1.1.2",
    "@radix-ui/react-navigation-menu": "^1.2.1",
    "@radix-ui/react-popover": "^1.1.2",
    "@radix-ui/react-progress": "^1.1.0",
    "@radix-ui/react-radio-group": "^1.2.1",
    "@radix-ui/react-scroll-area": "^1.2.0",
    "@radix-ui/react-select": "^2.1.2",
    "@radix-ui/react-separator": "^1.1.0",
    "@radix-ui/react-slider": "^1.2.1",
    "@radix-ui/react-slot": "^1.1.0",
    "@radix-ui/react-switch": "^1.1.1",
    "@radix-ui/react-tabs": "^1.1.1",
    "@radix-ui/react-toast": "^1.2.2",
    "@radix-ui/react-toggle": "^1.1.0",
    "@radix-ui/react-toggle-group": "^1.1.0",
    "@radix-ui/react-tooltip": "^1.1.3",
    "@react-pdf/renderer": "^4.1.6",
    "@react-three/drei": "^9.115.0",
    "@react-three/fiber": "^8.17.10",
    "@reduxjs/toolkit": "^1.9.7",
    "@stripe/stripe-js": "^5.3.0",
    "@studio-freight/lenis": "^1.0.42",
    "@tailwindcss/aspect-ratio": "^0.4.2",
    "@tanstack/react-table": "^8.20.6",
    "@tanstack/react-virtual": "^3.11.2",
    "@tiptap/extension-color": "^2.9.1",
    "@tiptap/extension-font-family": "^2.9.1",
    "@tiptap/extension-image": "^2.11.3",
    "@tiptap/extension-link": "^2.11.3",
    "@tiptap/extension-placeholder": "^2.11.3",
    "@tiptap/extension-text-align": "^2.11.3",
    "@tiptap/extension-text-style": "^2.11.3",
    "@tiptap/extension-typography": "^2.11.3",
    "@tiptap/extension-underline": "^2.11.2",
    "@tiptap/pm": "^2.11.2",
    "@tiptap/react": "^2.11.3",
    "@tiptap/starter-kit": "^2.11.3",
    "@types/crypto-js": "^4.2.2",
    "@types/js-cookie": "^3.0.6",
    "@types/node-fetch": "^2.6.12",
    "@types/react": "^18.2.25",
    "@types/react-datepicker": "^6.2.0",
    "ai": "^2.2.37",
    "assemblyai": "^4.8.0",
    "browser-image-compression": "^2.0.2",
    "bufferutil": "^4.0.9",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "cmdk": "^1.0.0",
    "crypto-js": "^4.2.0",
    "date-fns": "^4.1.0",
    "downshift": "^9.0.8",
    "embla-carousel-react": "^8.3.1",
    "emoji-mart": "^5.2.2",
    "emoji-picker-react": "^4.12.0",
    "encoding": "^0.1.13",
    "fabric-pure-browser": "^5.1.0",
    "ffmpeg-static": "^5.2.0",
    "firebase": "^9.23.0",
    "firebase-admin": "^11.11.1",
    "fluent-ffmpeg": "^2.1.3",
    "framer-motion": "^11.11.10",
    "groq-sdk": "^0.9.1",
    "hls.js": "^1.5.18",
    "html-react-parser": "^5.1.18",
    "html2canvas": "^1.4.1",
    "html2pdf.js": "^0.10.2",
    "input-otp": "^1.4.1",
    "js-cookie": "^3.0.5",
    "jsdom": "^26.0.0",
    "jspdf": "^2.5.2",
    "lucide": "^0.454.0",
    "lucide-react": "^0.474.0",
    "next": "^13.5.6",
    "next-themes": "^0.3.0",
    "node-fetch": "^3.3.2",
    "node-html-parser": "^7.0.1",
    "novel": "^0.5.0",
    "openai": "^4.77.0",
    "openai-edge": "^1.2.2",
    "postmark": "^4.0.5",
    "react": "^18.2.0",
    "react-beautiful-dnd": "^13.1.1",
    "react-color": "^2.19.3",
    "react-datepicker": "^7.5.0",
    "react-day-picker": "^9.5.1",
    "react-dom": "^18.2.0",
    "react-dropzone": "^14.3.5",
    "react-error-boundary": "^4.0.12",
    "react-hook-form": "^7.53.1",
    "react-hot-toast": "^2.5.1",
    "react-hotkeys-hook": "^4.5.0",
    "react-intersection-observer": "^9.13.1",
    "react-quill": "^2.0.0",
    "react-redux": "^8.1.3",
    "react-resizable-panels": "^2.1.6",
    "react-toastify": "^10.0.6",
    "recharts": "^2.13.3",
    "replicate": "^1.0.1",
    "sonner": "^1.7.2",
    "stream": "^0.0.3",
    "stripe": "^17.4.0",
    "tailwind-merge": "^2.5.4",
    "three": "^0.170.0",
    "tus-js-client": "^4.2.3",
    "utf-8-validate": "^6.0.5",
    "uuid": "^11.0.5",
    "vaul": "^1.1.1",
    "zod": "^3.23.8",
    "zustand": "^5.0.1"
  },
  "devDependencies": {
    "@types/fabric": "^5.3.9",
    "@types/fluent-ffmpeg": "^2.1.27",
    "@types/lodash": "^4.17.13",
    "@types/node": "^20",
    "@types/react": "^18.2.25",
    "@types/react-beautiful-dnd": "^13.1.8",
    "@types/react-dom": "^18.2.0",
    "@types/uuid": "^10.0.0",
    "@typescript-eslint/eslint-plugin": "^8.23.0",
    "@typescript-eslint/parser": "^8.23.0",
    "assert": "^2.1.0",
    "autoprefixer": "^10.4.14",
    "browserify-zlib": "^0.2.0",
    "crypto-browserify": "^3.12.1",
    "eslint": "^8",
    "eslint-config-next": "13.5.6",
    "https-browserify": "^1.0.0",
    "null-loader": "^4.0.1",
    "os-browserify": "^0.3.0",
    "path-browserify": "^1.0.1",
    "postcss": "^8.4.24",
    "process": "^0.11.10",
    "raw-loader": "^4.0.2",
    "stream-browserify": "^3.0.0",
    "stream-http": "^3.2.0",
    "tailwind-scrollbar": "^3.0.4",
    "tailwindcss": "^3.3.0",
    "tailwindcss-animate": "^1.0.7",
    "typescript": "^5",
    "url": "^0.11.4"
  }
}

Example

No response

[icyJoseph]

It looks like you are trying to load packages/modules that depend on Node.js API's, on an Edge environment, which doesn't support all of those APIs.

• https://nextjs.org/docs/app/api-reference/edge#unsupported-apis

Typically, this happen when one uses these packages on Middleware. In the future Middleware will support Node.js, but in Next 13, it doesn't.

You'll need to either figure out, if you should silence the errors, in case you know you can safely do so, by aliasing to the packages to false, or find alternative packages that support a non-Node.js environment.

• Can't resolve 'fs' #72289 (comment)

[AteebNoOne]

Thank you i already resolved it

Had to make pages/api/firebase/domainLookup.ts

and made some changes in

src/app/api/domain/route.ts

and the error was gone!

With these changes i kept the runtime Edge and still able to resolve this error

Thank you anyways!