Devcontainer: Replace Dockerfile with prebuilt image+features (vercel#82450)

Devcontainers support custom `Dockerfile`s, but it seems like it's more recommended to use a base image with "features" on top: https://containers.dev/implementors/features/

Features get applied after the `Dockerfile`, so e.g. if we're installing `rust` with a feature, then we can't install things that depend on `rust` (e.g. `cargo-nextest`: https://nexte.st/) in the `Dockerfile`. So you're forced to do things with features instead, which can specify dependencies and ordering requirements.

I removed a bunch of comments that were left over from the template. People wishing to update this file should refer to the https://aka.ms/devcontainer.json link at the top of the file.

Also added a lockfile for the features, generated with:

```
devcontainer upgrade --workspace-folder=.
```

**Note:** The `base.Dockerfile` here was entirely unused.


### Testing

```
podman stop --all && podman rm --all  # replace podman with docker if you're using docker
devcontainer up --workspace-folder=.
devcontainer exec --workspace-folder=. zsh
```

Author: bgw

.devcontainer/Dockerfile

@@ -0,0 +1,19 @@
+{
+  "features": {
+    "ghcr.io/devcontainers/features/git:1": {
+      "version": "1.3.4",
+      "resolved": "ghcr.io/devcontainers/features/git@sha256:f24645e64ad39a596131a50ec96f7d5cf7a2a87544cce772dd4b7182a233e98a",
+      "integrity": "sha256:f24645e64ad39a596131a50ec96f7d5cf7a2a87544cce772dd4b7182a233e98a"
+    },
+    "ghcr.io/devcontainers/features/github-cli:1": {
+      "version": "1.0.14",
+      "resolved": "ghcr.io/devcontainers/features/github-cli@sha256:ca677566507c4118e4368cd76a4800807e911e5e350cc3525fb67ebc9132dfa1",
+      "integrity": "sha256:ca677566507c4118e4368cd76a4800807e911e5e350cc3525fb67ebc9132dfa1"
+    },
+    "ghcr.io/devcontainers/features/rust:1": {
+      "version": "1.5.0",
+      "resolved": "ghcr.io/devcontainers/features/rust@sha256:0c55e65f2e3df736e478f26ee4d5ed41bae6b54dac1318c443e31444c8ed283c",
+      "integrity": "sha256:0c55e65f2e3df736e478f26ee4d5ed41bae6b54dac1318c443e31444c8ed283c"
+    }
+  }
+}

.devcontainer/base.Dockerfile

@@ -2,35 +2,19 @@
 // https://github.com/microsoft/vscode-dev-containers/tree/v0.245.0/containers/javascript-node
 {
   "name": "Next.js Dev Container",
-  "build": {
-    "dockerfile": "Dockerfile",
-    // Update 'VARIANT' to pick a Node version: 18, 16, 14.
-    // Append -bullseye or -buster to pin to an OS version.
-    // Use -bullseye variants on local arm64/Apple Silicon.
-    "args": {
-      "VARIANT": "20-bullseye"
-    }
-  },
-  // Configure tool-specific properties.
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:1-20-bookworm",
   "customizations": {
-    // Configure properties specific to VS Code.
     "vscode": {
-      // Add the IDs of extensions you want installed when the container is created.
       "extensions": ["dbaeumer.vscode-eslint"]
     }
   },
-  // Use 'forwardPorts' to make a list of ports inside the container available locally.
-  // "forwardPorts": [],
-  // Use 'postCreateCommand' to run commands after the container is created.
-  // "postCreateCommand": "yarn install",
-  // Comment out to connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
   "remoteUser": "node",
   "features": {
-    // For some reason "git" or "rust" doesn't work
-    "ghcr.io/devcontainers/features/git:1": "os-provided",
-    "ghcr.io/devcontainers/features/rust:1": "latest"
-    // Github latest can't be installed due to GPG issues: https://github.com/cli/cli/discussions/6222
-    // "github-cli": "latest",
+    "ghcr.io/devcontainers/features/git:1": {},
+    "ghcr.io/devcontainers/features/github-cli:1": {},
+    "./rust": {},
+    "./headless-browser": {},
+    "./node-extras": {}
   },
   "remoteEnv": {
     "DISPLAY": ":0"

.devcontainer/devcontainer-lock.json

@@ -0,0 +1,6 @@
+{
+  "id": "playwright",
+  "name": "next.js-playwright",
+  "version": "0.0.0",
+  "dependsOn": {}
+}

.devcontainer/devcontainer.json

@@ -0,0 +1,17 @@
+#!/bin/bash
+set -euxo pipefail
+export DEBIAN_FRONTEND=noninteractive
+
+apt-get update
+# These are required to run playwright properly
+apt-get -y install --no-install-recommends \
+    gconf-service libxext6 libxfixes3 libxi6 libxrandr2 \
+    libxrender1 libcairo2 libcups2 libdbus-1-3 libexpat1 \
+    libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 \
+    libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 \
+    libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 \
+    libxdamage1 libxss1 libxtst6 libappindicator1 libnss3 libasound2 \
+    libatk1.0-0 libc6 libdrm-dev libgbm-dev ca-certificates fonts-liberation lsb-release xdg-utils wget \
+
+# Chromium is needed for Turbopack benchmarks
+apt-get -y install --no-install-recommends chromium

.devcontainer/headless-browser/devcontainer-feature.json

@@ -0,0 +1,6 @@
+{
+  "id": "node-extras",
+  "name": "next.js-node-extras",
+  "version": "0.0.0",
+  "dependsOn": {}
+}

.devcontainer/headless-browser/install.sh

@@ -0,0 +1,4 @@
+#!/bin/bash
+set -euxo pipefail
+
+corepack enable pnpm

.devcontainer/node-extras/devcontainer-feature.json

@@ -0,0 +1,13 @@
+{
+  "id": "rust",
+  "name": "next.js-rust",
+  "version": "0.0.0",
+  "dependsOn": {
+    "ghcr.io/devcontainers/features/rust:1": {
+      // this should match the `rust-toolchain.toml`
+      "version": "nightly-2025-06-04",
+      "profile": "minimal",
+      "components": "rustfmt,clippy,rust-analyzer"
+    }
+  }
+}

.devcontainer/node-extras/install.sh

@@ -0,0 +1,11 @@
+#!/bin/bash
+set -euxo pipefail
+export DEBIAN_FRONTEND=noninteractive
+
+curl -L --proto '=https' --tlsv1.2 -sSf \
+  https://raw.githubusercontent.com/cargo-bins/cargo-binstall/main/install-from-binstall-release.sh \
+  | bash
+cargo binstall cargo-nextest --secure
+
+apt-get update
+apt-get -y install --no-install-recommends libfontconfig1-dev