if you have type: module in your package.json, remove it. if not:

if the file name is next.config.mjs, rename it to next.config.js.

you can also try simply renaming the file to next.config.cjs (with the extension cjs), though i'm not 100% sure whether this works or not

no its js currently

okay will try that

this one worked but the page threw a 404 xD

mjs threw this in terminal
const withNextra = require('nextra')({
^

ReferenceError: require is not defined in ES module scope, you can use import instead
i'm gessing this is a difference in syntax

let me change the syntax real quick

yeah it didnt seem tk work

so what happened here is: your next.config file is being treated as an esmodule, where require is not allowed – you have to import in esmodules.

this happens if your file name is next.config.mjs, and/or you have "type": "module" in package.json. the above steps i suggested try to make it a cjs file where require is allowed. bit weird that it didn't work.

alternatively you can try using the import syntax

import nextra from "nextra";

const withNextra = nextra({ ... });

const config = withNextra();
export default config;

though whether this works or not depends a lot on the way nextra is bundled.

nextra-docs-template@0.0.1 dev C:\Users\nithin\IdeaProjects\ftcdesign3
next dev

(node:15100) [MODULE_TYPELESS_PACKAGE_JSON] Warning: Module type of
To eliminate this warning, add "type": "module" to C:\Users\nithin\IdeaProjects\ftcdesign3\package.json.
(Use node --trace-warnings ... to show where the warning was created)
- error [nextra] Error validating nextraConfig
file:///C:/Users/nithin/IdeaProjects/ftcdesign3/node_modules/.pnpm/zod-validation-error@3.4.1_zod@3.24.4/node_modules/zod-validation-error/dist/index.mjs:215
return new ValidationError(message, { cause: zodError });
^

ValidationError [ZodValidationError]: Validation error: Unrecognized key(s) in object: 'theme', 'themeConfig'
at fromZodErrorWithoutRuntimeCheck
at nextra {
details: [
{
code: 'unrecognized_keys',
keys: [ 'theme', 'themeConfig' ],
path: [],
message: "Unrecognized key(s) in object: 'theme', 'themeConfig'"
}
],
[cause]: ZodError: [
{
"code": "unrecognized_keys",
"keys": [
"theme",
"themeConfig"
],
"path": [],
"message": "Unrecognized key(s) in object: 'theme', 'themeConfig'"
}
]
at get error (file:///C:/Users/nithin/IdeaProjects/ftcdesign3/node_modules/.pnpm/zod@3.24.4/node_modules/zod/lib/index.mjs:587:31)
at nextra {
issues: [
{
code: 'unrecognized_keys',
keys: [ 'theme', 'themeConfig' ],
path: [],
message: "Unrecognized key(s) in object: 'theme', 'themeConfig'"
}
],
addIssue: [Function (anonymous)],
addIssues: [Function (anonymous)],
errors: [
{
code: 'unrecognized_keys',
keys: [ 'theme', 'themeConfig' ],
path: [],
message: "Unrecognized key(s) in object: 'theme', 'themeConfig'"
}
]
}
}

tried the import syntax and got this

also if it helps I am using this repository
https://github.com/shuding/nextra-docs-template

what if you use the code above, and with the file name being next.config.mjs? ref https://github.com/shuding/nextra-docs-template/issues/21#issuecomment-1518559945

yeah got the same error again

could you show me your current code in a github repository?

Oh I do see this too though I can edit that and try

Yeah lemme send the repo one sec

ahhh okay I see, I initially had some issues deploying to vercel with the standard installation documentation but I'll try that out again in the future

thank you so much!!