Full stack launch debugger in VScode 👍

launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "linux": {
        "runtimeExecutable": "/usr/bin/chromium",
      },
      "name": "Chrome",
      "url": "http://localhost:8000",
      "webRoot": "${workspaceFolder}",
      // Sleep to await gatsby
      "preLaunchTask": "Sleepdelay",
      "runtimeArgs": [
        // prevent bubble restore sessions (remember enable dev extensions for incognito mode)
        "--incognito",
      ]
    },
    {
      "type": "firefox",
      "name": "Firefox",
      "request": "launch",
      "url": "http://localhost:8000",
      "webRoot": "${workspaceFolder}",
      // Sleep to await gatsby
      "preLaunchTask": "Sleepdelay",
      // Use specific profile to allow keepProfileChanges
      "profile": "dev",
      // Allow to keep dev extensions
      "keepProfileChanges": true,
    },
    {
      "type": "node",
      "request": "launch",
      "name": "Gatsby",
      "console": "internalConsole",
      "runtimeExecutable": "yarn",
      "cwd": "${workspaceFolder}",
      "runtimeArgs": [
        "start"
      ]
    }
  ],
  "compounds": [
    {
      "name": "Full-stack Firefox",
      "configurations": ["Gatsby", "Firefox"],
      // Kill both
      "stopAll": true
    },
    {
      "name": "Full-stack Chrome",
      "configurations": ["Gatsby", "Chrome"],
      // Kill both
      "stopAll": true
    }
  ]
}

tasks.json

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Sleepdelay",
      "type": "shell",
      "command": "sleep 8",
      "windows": {
        "command": "ping 127.0.0.1 -n 8 > nul"
      },
      "group": "none",
      "presentation": {
        "echo": false,
        "reveal": "never",
        "clear": true,
        "panel": "dedicated"
      }
    }
  ]
}