HomeUser GuidesDev Containers IntegrationCustomizing dev containers

Customizing dev containers

Coder supports custom configuration in your devcontainer.json file through the customizations.coder block. These options let you control how Coder interacts with your dev container without requiring template changes.

Ignore a dev container

Use the ignore option to hide a dev container from Coder completely:

{
  "name": "My Dev Container",
  "image": "mcr.microsoft.com/devcontainers/base:ubuntu",
  "customizations": {
    "coder": {
      "ignore": true
    }
  }
}

When ignore is set to true:

The dev container won't appear in the Coder UI
Coder won't manage or monitor the container

This is useful for dev containers in your repository that you don't want Coder to manage.

Auto-start

Control whether your dev container should auto-start using the autoStart option:

{
  "name": "My Dev Container",
  "image": "mcr.microsoft.com/devcontainers/base:ubuntu",
  "customizations": {
    "coder": {
      "autoStart": true
    }
  }
}

When autoStart is set to true, the dev container automatically builds and starts during workspace initialization.

When autoStart is set to false or omitted, the dev container is discovered and shown in the UI, but users must manually start it.

Note

The autoStart option only takes effect when your template administrator has enabled CODER_AGENT_DEVCONTAINERS_DISCOVERY_AUTOSTART_ENABLE. If this setting is disabled at the template level, containers won't auto-start regardless of this option.

Custom agent name

Each dev container gets an agent name derived from the workspace folder path by default. You can set a custom name using the name option:

{
  "name": "My Dev Container",
  "image": "mcr.microsoft.com/devcontainers/base:ubuntu",
  "customizations": {
    "coder": {
      "name": "my-custom-agent"
    }
  }
}

The name must contain only lowercase letters, numbers, and hyphens. This name appears in coder ssh commands and the dashboard (e.g., coder ssh my-workspace.my-custom-agent).

Display apps

Control which built-in Coder apps appear for your dev container using displayApps:

{
  "name": "My Dev Container",
  "image": "mcr.microsoft.com/devcontainers/base:ubuntu",
  "customizations": {
    "coder": {
      "displayApps": {
        "web_terminal": true,
        "ssh_helper": true,
        "port_forwarding_helper": true,
        "vscode": true,
        "vscode_insiders": false
      }
    }
  }
}

Available display apps:

App	Description	Default
`web_terminal`	Web-based terminal access	`true`
`ssh_helper`	SSH connection helper	`true`
`port_forwarding_helper`	Port forwarding interface	`true`
`vscode`	VS Code Desktop integration	`true`
`vscode_insiders`	VS Code Insiders integration	`false`

Custom apps

Define custom applications for your dev container using the apps array:

{
  "name": "My Dev Container",
  "image": "mcr.microsoft.com/devcontainers/base:ubuntu",
  "customizations": {
    "coder": {
      "apps": [
        {
          "slug": "zed",
          "displayName": "Zed Editor",
          "url": "zed://ssh/${localEnv:CODER_WORKSPACE_AGENT_NAME}.${localEnv:CODER_WORKSPACE_NAME}.${localEnv:CODER_WORKSPACE_OWNER_NAME}.coder${containerWorkspaceFolder}",
          "external": true,
          "icon": "/icon/zed.svg",
          "order": 1
        }
      ]
    }
  }
}

This example adds a Zed Editor button that opens the dev container directly in the Zed desktop app via its SSH remote feature.

Each app supports the following properties:

Property	Type	Description
`slug`	string	Unique identifier for the app (required)
`displayName`	string	Human-readable name shown in the UI
`url`	string	URL to open (supports variable interpolation)
`command`	string	Command to run instead of opening a URL
`icon`	string	Path to an icon (e.g., `/icon/code.svg`)
`openIn`	string	`"tab"` or `"slim-window"` (default: `"slim-window"`)
`share`	string	`"owner"`, `"authenticated"`, `"organization"`, or `"public"`
`external`	boolean	Open as external URL (e.g., for desktop apps)
`group`	string	Group name for organizing apps in the UI
`order`	number	Sort order for display
`hidden`	boolean	Hide the app from the UI
`subdomain`	boolean	Use subdomain-based access
`healthCheck`	object	Health check configuration (see below)

Health checks

Configure health checks to monitor app availability:

{
  "customizations": {
    "coder": {
      "apps": [
        {
          "slug": "web-server",
          "displayName": "Web Server",
          "url": "http://localhost:8080",
          "healthCheck": {
            "url": "http://localhost:8080/healthz",
            "interval": 5,
            "threshold": 2
          }
        }
      ]
    }
  }
}

Health check properties:

Property	Type	Description
`url`	string	URL to check for health status
`interval`	number	Seconds between health checks
`threshold`	number	Number of failures before marking app unhealthy

Variable interpolation

App URLs and other string values support variable interpolation for dynamic configuration.

Environment variables

Use ${localEnv:VAR_NAME} to reference environment variables, with optional default values:

{
  "customizations": {
    "coder": {
      "apps": [
        {
          "slug": "my-app",
          "url": "http://${localEnv:HOST:127.0.0.1}:${localEnv:PORT:8080}"
        }
      ]
    }
  }
}

Coder-provided variables

Coder provides these environment variables automatically:

Variable	Description
`CODER_WORKSPACE_NAME`	Name of the workspace
`CODER_WORKSPACE_OWNER_NAME`	Username of the workspace owner
`CODER_WORKSPACE_AGENT_NAME`	Name of the dev container agent
`CODER_WORKSPACE_PARENT_AGENT_NAME`	Name of the parent workspace agent
`CODER_URL`	URL of the Coder deployment
`CONTAINER_ID`	Docker container ID

Dev container variables

Standard dev container variables are also available:

Variable	Description
`${containerWorkspaceFolder}`	Workspace folder path inside the container
`${localWorkspaceFolder}`	Workspace folder path on the host

Session token

Use $SESSION_TOKEN in external app URLs to include the user's session token:

{
  "customizations": {
    "coder": {
      "apps": [
        {
          "slug": "custom-ide",
          "displayName": "Custom IDE",
          "url": "custom-ide://open?token=$SESSION_TOKEN&folder=${containerWorkspaceFolder}",
          "external": true
        }
      ]
    }
  }
}

Feature options as environment variables

When your dev container uses features, Coder exposes feature options as environment variables. The format is FEATURE_<FEATURE_NAME>_OPTION_<OPTION_NAME>.

For example, with this feature configuration:

{
  "features": {
    "ghcr.io/coder/devcontainer-features/code-server:1": {
      "port": 9090
    }
  }
}

Coder creates FEATURE_CODE_SERVER_OPTION_PORT=9090, which you can reference in your apps:

{
  "features": {
    "ghcr.io/coder/devcontainer-features/code-server:1": {
      "port": 9090
    }
  },
  "customizations": {
    "coder": {
      "apps": [
        {
          "slug": "code-server",
          "displayName": "Code Server",
          "url": "http://localhost:${localEnv:FEATURE_CODE_SERVER_OPTION_PORT:8080}",
          "icon": "/icon/code.svg"
        }
      ]
    }
  }
}