如何在NX Monorepo中搭建JavaScript版本的NextJS项目？

完全可以实现纯 JavaScript 版本的 NX + Next.js Monorepo，以下是具体方案：

直接生成纯 JS 项目 #

NX 的 Next.js 生成器支持通过 --js 参数跳过 TypeScript 模板，直接生成纯 JavaScript 项目，执行命令：

nx g @nrwl/next:app my-new-app --js

这条命令会自动创建 .js/.jsx 后缀的业务文件，同时配置好适配 JavaScript 的 ESLint、Babel 规则，无需额外修改即可使用。

转换已生成的 TypeScript 项目 #

如果已经生成了 TS 版本的项目，可以手动转为 JS：

• 批量重命名所有 .ts/.tsx 文件为 .js/.jsx
• 删除项目目录下的 tsconfig.json，以及根目录中与该项目关联的 TypeScript 配置项
• 编辑项目的 .eslintrc.json，移除所有 @typescript-eslint 相关的插件、规则和 parser 配置
• 调整 next.config.js（如果有），移除 TypeScript 专属配置项（默认生成的配置通常无需修改）

手动搭建替代方案 #

若生成器参数失效，可手动在 Monorepo 中添加 JS 版 Next.js 项目：

1. 在 NX Monorepo 的 apps 目录下创建 my-new-app 文件夹
2. 进入该文件夹，执行原生 Next.js 命令生成纯 JS 项目：

   yarn create next-app . --no-typescript
   

3. 在根目录的 nx.json 中添加该项目的配置，指定 build、dev、lint 等 target，让 NX 统一管理脚本执行与缓存。

注意：确保使用较新版本的 NX，旧版本可能不支持 --js 参数，建议升级到稳定版后再操作。

内容的提问来源于stack exchange，提问作者Kheersagar patel