I am trying to deplay my marketing template demo with almost no changes to vercel and it fails to build on first try. I am a new user to contentful and vercel and nextjs but I am a developer who can understand directions please tell me how to fix this new

I am trying to use contentful cms marketing template and the vercel deployment option to host my demo app for testing. Here is the failing build log entries.

Build Failed

Command “NEXT_PUBLIC_BASE_URL=”${NEXT_PUBLIC_BASE_URL:-https://$next_public_vercel_url}/" yarn build" exited with 1

Build Log

Detected Next.js version: 12.3.1
Running “NEXT_PUBLIC_BASE_URL=”${NEXT_PUBLIC_BASE_URL:-https://$next_public_vercel_url}/" yarn build"
yarn run v1.22.19
$ next build
warn - Invalid next.config.js options detected:

The value at .i18n has an unexpected property, localePath, which is not in the list of allowed properties (defaultLocale, domains, localeDetection, locales).

Failed to compile.
./src/components/features/card-leadership/card-leadership.tsx:88:32
Type error: Argument of type ‘{ fieldId: string; }’ is not assignable to parameter of type ‘({ fieldId: string; manuallyTagged: boolean | undefined; } | { fieldId: string; manuallyTagged: boolean | undefined; assetId: string; }) & Pick<LivePreviewProps, “locale” | … 1 more … | “space”>’.
Type ‘{ fieldId: string; }’ is not assignable to type ‘{ fieldId: string; manuallyTagged: boolean | undefined; assetId: string; } & Pick<LivePreviewProps, “locale” | “environment” | “space”>’.
Type ‘{ fieldId: string; }’ is missing the following properties from type ‘{ fieldId: string; manuallyTagged: boolean | undefined; assetId: string; }’: manuallyTagged, assetId
86 | >
87 | {avatar && (

88 |         <div {...inspectorMode({ fieldId: 'avatar' })} className={classes.avatar}>

 |                                ^

89 | <CtfAsset {…avatar} showDescription={false} />
90 |
91 | )}
error Command failed with exit code 1.

I’m very new to these software and deployment stack(s).

While I am new I learn very quickly and can understand and follow technical directions.

Please tell me what I am doing wrong.

Thank you for your continued support.

Respectfully,
Graham
7x
Here is the build log with specific error details

[21:30:42.123] Running build in Washington, D.C., USA (East) – iad1
[21:30:42.234] Cloning gitlab.com/se7enxweb/ambiancedesigns.biz (Branch: main, Commit: d907f35)
[21:30:42.242] Skipping build cache, deployment was triggered without cache.
[21:30:43.071] Cloning completed: 836.354ms
[21:30:43.113] Found .vercelignore
[21:30:43.115] Removed 0 ignored files defined in .vercelignore
[21:30:43.346] Running "vercel build"
[21:30:43.818] Vercel CLI 34.2.0
[21:30:44.164] Warning: Detected "engines": { "node": ">=18" } in your `package.json` that will automatically upgrade when a new major Node.js Version is released. Learn More: http://vercel.link/node-version
[21:30:44.171] Installing dependencies...
[21:30:44.496] yarn install v1.22.19
[21:30:44.565] [1/5] Validating package.json...
[21:30:44.568] [2/5] Resolving packages...
[21:30:44.909] [3/5] Fetching packages...
[21:31:17.325] [4/5] Linking dependencies...
[21:31:17.330] warning " > @mui/styles@5.11.13" has incorrect peer dependency "react@^17.0.0".
[21:31:17.334] warning " > babel-loader@8.3.0" has unmet peer dependency "webpack@>=2".
[21:31:17.334] warning "next-pwa > clean-webpack-plugin@4.0.0" has unmet peer dependency "webpack@>=4.0.0 <6.0.0".
[21:31:17.335] warning "next-pwa > terser-webpack-plugin@5.3.7" has unmet peer dependency "webpack@^5.1.0".
[21:31:17.335] warning "next-pwa > workbox-webpack-plugin@6.5.4" has unmet peer dependency "webpack@^4.4.0 || ^5.9.0".
[21:31:17.335] warning " > react-kawaii@0.17.0" has incorrect peer dependency "react@15.3.0 - 16.x".
[21:31:17.337] warning "@graphql-codegen/cli > cosmiconfig-typescript-loader@4.3.0" has unmet peer dependency "@types/node@*".
[21:31:17.338] warning "@graphql-codegen/cli > ts-node@10.9.1" has unmet peer dependency "@types/node@*".
[21:31:17.339] warning "@graphql-codegen/cli > @whatwg-node/fetch > @whatwg-node/node-fetch@0.0.5" has unmet peer dependency "@types/node@^18.0.6".
[21:31:17.340] warning "@graphql-codegen/cli > @graphql-tools/apollo-engine-loader > @whatwg-node/fetch > @whatwg-node/node-fetch@0.3.2" has unmet peer dependency "@types/node@^18.0.6".
[21:31:17.343] warning " > circular-dependency-plugin@5.2.2" has unmet peer dependency "webpack@>=4.0.1".
[21:31:17.344] warning "contentful-import > eslint-config-standard@17.1.0" has unmet peer dependency "eslint-plugin-n@^15.0.0 || ^16.0.0 ".
[21:31:17.344] warning "contentful-import > eslint-config-standard@17.1.0" has unmet peer dependency "eslint-plugin-promise@^6.0.0".
[21:31:37.473] [5/5] Building fresh packages...
[21:31:37.751] $ husky install
[21:31:37.812] husky - Git hooks installed
[21:31:37.816] Done in 53.32s.
[21:31:37.858] Detected Next.js version: 12.3.1
[21:31:37.859] Running "NEXT_PUBLIC_BASE_URL="${NEXT_PUBLIC_BASE_URL:-https://$NEXT_PUBLIC_VERCEL_URL}" yarn build"
[21:31:38.058] yarn run v1.22.19
[21:31:38.088] $ next build
[21:31:39.284] warn  - Invalid next.config.js options detected: 
[21:31:39.286]   - The value at .i18n has an unexpected property, localePath, which is not in the list of allowed properties (defaultLocale, domains, localeDetection, locales).
[21:31:39.286] 
[21:31:39.287] See more info here: https://nextjs.org/docs/messages/invalid-next-config
[21:31:39.325] Attention: Next.js now collects completely anonymous telemetry regarding usage.
[21:31:39.326] This information is used to shape Next.js' roadmap and prioritize features.
[21:31:39.326] You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
[21:31:39.326] https://nextjs.org/telemetry
[21:31:39.326] 
[21:31:39.451] info  - Linting and checking validity of types...
[21:31:52.405] Failed to compile.
[21:31:52.405] 
[21:31:52.405] ./src/components/features/card-leadership/card-leadership.tsx:88:32
[21:31:52.406] Type error: Argument of type '{ fieldId: string; }' is not assignable to parameter of type '({ fieldId: string; manuallyTagged: boolean | undefined; } | { fieldId: string; manuallyTagged: boolean | undefined; assetId: string; }) & Pick<LivePreviewProps, "locale" | ... 1 more ... | "space">'.
[21:31:52.406]   Type '{ fieldId: string; }' is not assignable to type '{ fieldId: string; manuallyTagged: boolean | undefined; assetId: string; } & Pick<LivePreviewProps, "locale" | "environment" | "space">'.
[21:31:52.406]     Type '{ fieldId: string; }' is missing the following properties from type '{ fieldId: string; manuallyTagged: boolean | undefined; assetId: string; }': manuallyTagged, assetId
[21:31:52.406] 
[21:31:52.406] [0m [90m 86 | [39m    [33m>[39m[0m
[21:31:52.406] [0m [90m 87 | [39m      {avatar [33m&&[39m ([0m
[21:31:52.406] [0m[31m[1m>[22m[39m[90m 88 | [39m        [33m<[39m[33mdiv[39m {[33m...[39minspectorMode({ fieldId[33m:[39m [32m'avatar'[39m })} className[33m=[39m{classes[33m.[39mavatar}[33m>[39m[0m
[21:31:52.406] [0m [90m    | [39m                               [31m[1m^[22m[39m[0m
[21:31:52.406] [0m [90m 89 | [39m          [33m<[39m[33mCtfAsset[39m {[33m...[39mavatar} showDescription[33m=[39m{[36mfalse[39m} [33m/[39m[33m>[39m[0m
[21:31:52.406] [0m [90m 90 | [39m        [33m<[39m[33m/[39m[33mdiv[39m[33m>[39m[0m
[21:31:52.406] [0m [90m 91 | [39m      )}[0m
[21:31:52.458] error Command failed with exit code 1.
[21:31:52.458] info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
[21:31:52.477] Error: Command "NEXT_PUBLIC_BASE_URL="${NEXT_PUBLIC_BASE_URL:-https://$NEXT_PUBLIC_VERCEL_URL}" yarn build" exited with 1
[21:31:54.077] 

The above explains what you need to change.

Thank you @alcopros for the help. I made the next.config.js to match this example: GitHub - i18next/next-i18next: The easiest way to translate your NextJs apps.

But I still can not compile my build I still get the type error that kills my build and I am not experienced enough to know what it means or how to resolve it.

And that warning went away but the build still fails to compile. I still get the following output now:

[03:07:40.918] Running build in Washington, D.C., USA (East) – iad1
[03:07:41.111] Cloning gitlab/repo Branch: main-patch-2a37, Commit: 7f66657)
[03:07:41.930] Previous build caches not available
[03:07:42.355] Cloning completed: 1.241s
[03:07:42.522] Found .vercelignore
[03:07:42.525] Removed 1 ignored files defined in .vercelignore
[03:07:43.046] Running “vercel build”
[03:07:43.900] Vercel CLI 34.2.2
[03:07:44.582] Warning: Detected “engines”: { “node”: “>=18” } in your package.json that will automatically upgrade when a new major Node.js Version is released.
[03:07:44.593] Installing dependencies…
[03:07:45.215] yarn install v1.22.19
[03:07:45.402] [1/5] Validating package.json…
[03:07:45.407] [2/5] Resolving packages…
[03:07:46.191] [3/5] Fetching packages…
[03:08:24.282] [4/5] Linking dependencies…
[03:08:43.499] [5/5] Building fresh packages…
[03:08:43.781] $ husky install
[03:08:43.840] husky - Git hooks installed
[03:08:43.844] Done in 58.63s.
[03:08:43.883] Detected Next.js version: 12.3.1
[03:08:43.883] Running “NEXT_PUBLIC_BASE_URL=”${NEXT_PUBLIC_BASE_URL:-https://$NEXT_PUBLIC_VERCEL_URL}" yarn build"
[03:08:44.075] yarn run v1.22.19
[03:08:44.105] $ next build
[03:08:45.270] Attention: Next.js now collects completely anonymous telemetry regarding usage.
[03:08:45.270] This information is used to shape Next.js’ roadmap and prioritize features.
[03:08:45.270] You can learn more, including how to opt-out if you’d not like to participate in this anonymous program, by visiting the following URL:
[03:08:45.271]
[03:08:45.391] info - Linting and checking validity of types…
[03:08:58.983] Failed to compile.
[03:08:58.984]
[03:08:58.984] ./src/components/features/card-leadership/card-leadership.tsx:88:32
[03:08:58.984] Type error: Argument of type ‘{ fieldId: string; }’ is not assignable to parameter of type ‘({ fieldId: string; manuallyTagged: boolean | undefined; } | { fieldId: string; manuallyTagged: boolean | undefined; assetId: string; }) & Pick<LivePreviewProps, “locale” | … 1 more … | “space”>’.
[03:08:58.984] Type ‘{ fieldId: string; }’ is not assignable to type ‘{ fieldId: string; manuallyTagged: boolean | undefined; assetId: string; } & Pick<LivePreviewProps, “locale” | “environment” | “space”>’.
[03:08:58.984] Type ‘{ fieldId: string; }’ is missing the following properties from type ‘{ fieldId: string; manuallyTagged: boolean | undefined; assetId: string; }’: manuallyTagged, assetId
[03:08:58.984]
[03:08:58.984] e[0m e[90m 86 | e[39m e[33m>e[39me[0m
[03:08:58.984] e[0m e[90m 87 | e[39m {avatar e[33m&&e[39m (e[0m
[03:08:58.984] e[0me[31me[1m>e[22me[39me[90m 88 | e[39m e[33m<e[39me[33mdive[39m {e[33m…e[39minspectorMode({ fieldIde[33m:e[39m e[32m’avatar’e[39m })} classNamee[33m=e[39m{classese[33m.e[39mavatar}e[33m>e[39me[0m
[03:08:58.984] e[0m e[90m | e[39m e[31me[1m^e[22me[39me[0m
[03:08:58.984] e[0m e[90m 89 | e[39m e[33m<e[39me[33mCtfAssete[39m {e[33m…e[39mavatar} showDescriptione[33m=e[39m{e[36mfalsee[39m} e[33m/e[39me[33m>e[39me[0m
[03:08:58.984] e[0m e[90m 90 | e[39m e[33m<e[39me[33m/e[39me[33mdive[39me[33m>e[39me[0m
[03:08:58.984] e[0m e[90m 91 | e[39m )}e[0m
[03:08:59.041] error Command failed with exit code 1.

[03:08:59.064] Error: Command “NEXT_PUBLIC_BASE_URL=”${NEXT_PUBLIC_BASE_URL:-https://$NEXT_PUBLIC_VERCEL_URL}" yarn build" exited with 1
[03:09:00.277]

This doesn’t sound like it has any connection to Concrete CMS.
It’s best to find a forum dedicated to Vercel or Contentful, as this forum isn’t really meant for any kind of web development help, really things linked to in some way to Concrete CMS.

@mesuva Apologies for my transgression. I am evaluating both platforms and got confused while posting for new user help. I’ll move on. Thanks for the help. And I agree with you that I should have been more careful but in my defense I was badly lost in code not working and a bit desperate for any kind of help. I’ll stay on topic from now on.