how to run nx dev and dependencies watch together

[khanakia]

Right now i have to run two commands separately one is to run my Next.js project in dev mode and other is watch the workspace dependences and auto build on change

https://nx.dev/recipes/running-tasks/workspace-watching

How do I run both commands as one instead of running 2 commands everytime in different terminals ?

npx run sa:dev
npx nx watch --projects=sa --includeDependentProjects -- nx run-many -t dev -p \$NX_PROJECT_NAME --exclude=sa

[pankyriazo]

Hi there 👋 !
I came across this question while randomly searching for something else.
Here’s what’s worked for me in my projects:

{
  "name": "sa",
  "targets": {
    "dev": {
      "executor": "nx:run-commands",
      "options": {
        "command": "npx nx run-many --projects=sa --targets=dev:sa,dev:dependencies"
      }
    },
    "dev:sa": {
      "executor": "nx:run-commands",
      "options": {
        "command": "npx run sa:dev"
      }
    },
    "dev:dependencies": {
      "executor": "nx:run-commands",
      "options": {
        "command": "npx nx watch --projects=sa --includeDependentProjects -- nx run-many -t build -p \\$NX_PROJECT_NAME --exclude=sa"
      }
    }
  }
}

Then i run npx nx run sa:dev.

Hope this helps!

[ImBIOS]

For some folks out there who are using extensions of Nx, for example @nx/next, there is no need to build the library.

There is no need to build the library prior to using it. When you update your library, the Next.js application will automatically pick up the changes.

source: https://nx.dev/nx-api/next#using-an-nx-library-in-your-application

[khanakia]

Not using NX anymore, migrated to Turbo. So closing