Run Netlify CMS and your dev server in one command

If you're using Netlify CMS, there is a command that you can run to load it in development:

npx netlify-cms-proxy-server

This is useful, but it needs to be run in a separate terminal window to your development server. I use VS Code, which has easy split terminal windows, but it's still a little annoying to have to fire up two processes when you want to get to work.

# Window 1
npm run dev

# Window 2
npx netlify-cms-proxy-server

An ideal solution would be to run a single command that runs both scripts in parallel, so that you can focus on working as opposed to setting things up.

Thankfully for us, npm-run-all is the perfect solution for this. First we install it as a dev dependency:

npm i -D npm-run-all

Then add a new script to our package.json:

{
  "scripts": {
    "cms": "npx netlify-cms-proxy-server",
    "dev": "astro dev",
    "dev:cms": "npm-run-all --parallel cms dev"
  }
}

Now when you want to run Netlify CMS alongside your development server, you just need to a single command:

npm run dev:cms

Happy coding!