Getting Started

Add DevMagic to your project in seconds, or explore other ways to use it.

Prerequisites

  • Container Runtime: Install Docker or Podman (with a manually built image)
  • Editor: Install Visual Studio Code (or any Dev Container compatible editor)

Add DevMagic to Your Project

One command to provide instant, consistent development environments for all contributors.

Step 1: Run the Installer

From your project root, run the DevMagic installer:

curl -fsSL https://devmagic.run/install | bash

πŸ’‘ Always review scripts before running: curl -fsSL https://devmagic.run/install

Step 2: Project Structure

The installer creates a .devcontainer/ directory with:

your-project/
β”œβ”€β”€ .devcontainer/          # generated from templates, ready to use
β”‚   β”œβ”€β”€ devcontainer.json   # your project name baked in
β”‚   β”œβ”€β”€ docker-compose.yml  # same values, always in sync
β”‚   └── Dockerfile
β”œβ”€β”€ src/
└── ...

Step 3: Commit to Your Repository

Add the dev container configuration to version control:

git add .devcontainer/
git commit -m "feat: add DevMagic development environment"
git push

Step 4: Contributors Get Started Instantly

When contributors clone your project and open it in VS Code, they just select "Reopen in Container" when prompted. Everyone gets the same environment with:

  • βœ“Node.js 24 with TypeScript, Git, GitHub CLI
  • βœ“tmux, Neovim, ripgrep and fd preinstalled
  • βœ“Zsh with Oh My Zsh
  • βœ“Host timezone/locale forwarded automatically, AI-ready VS Code extensions (Claude Code, Copilot)

Customization

Customize .devcontainer/devcontainer.json for your project's needs:

  • β€’ Add project-specific VS Code extensions
  • β€’ Configure environment variables
  • β€’ Enable auxiliary services (PostgreSQL, Redis, etc.)
  • β€’ Adjust the base image (Dockerfile) or add Dev Container Features

Next Steps