### 1. DevContainer Configuration (.devcontainer/devcontainer.json) ```json { "name": "Next.js Fullstack DevContainer", "dockerComposeFile": "docker-compose.yml", "service": "app", "workspaceFolder": "/workspace", "features": { "ghcr.io/devcontainers/features/node:1": { "version": "20" } }, "customizations": { "vscode": { "extensions": [ "dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "Prisma.prisma" ], "settings": { "files.watcherExclude": { "**/.next/**": true, "**/node_modules/**": true }, "typescript.tsserver.maxTsServerMemory": 2048 } } }, "postCreateCommand": "bash .devcontainer/setup.sh" } version: '3.8' services: app: image: [mcr.microsoft.com/devcontainers/javascript-node:20](https://mcr.microsoft.com/devcontainers/javascript-node:20) volumes: - ..:/workspace:cached - node_modules_cache:/workspace/node_modules - next_cache:/workspace/.next command: sleep infinity environment: - DATABASE_URL=postgresql://dev:pass@postgres:5432/app_dev - REDIS_URL=redis://redis:6379 depends_on: postgres: condition: service_healthy postgres: image: postgres:16-alpine environment: POSTGRES_USER: dev POSTGRES_PASSWORD: pass POSTGRES_DB: app_dev volumes: - pgdata:/var/lib/postgresql/data healthcheck: test: ["CMD-SHELL", "pg_isready -U dev -d app_dev"] interval: 3s timeout: 3s retries: 5 redis: image: redis:7-alpine restart: unless-stopped volumes: pgdata: node_modules_cache: next_cache: #!/usr/bin/env bash set -e echo "Setting up workspace..." npm install --prefer-offline --no-audit echo "Environment initialized successfully." 4. Memory & Performance Audit Node Modules Sync Thrashing: Direct host bind mounts on non-Linux hosts cause massive filesystem latency. The named volume node_modules_cache keeps package trees inside the native container storage engine. TypeScript Language Server Leaks: Unbounded tsserver background indexing can exhaust RAM. The setting maxTsServerMemory: 2048 explicitly bounds memory allocation. Inotify Limit Saturation: Next.js build directories churn thousands of file events. Excluding .next and node_modules in files.watcherExclude protects IDE responsiveness.