My Claude Code loaded Devcontainer ready for AI-assisted dev
š Jumpstart Your Next Project with Our Dev Container: AI-Ready, Database-Ready, and Zero Hassle
Hey folks! š
Ever wish you could just open a project and start buildingāno more fighting with Node versions, database configs, or missing CLI tools? Thatās exactly what this dev container is all about. Whether youāre a solo hacker or part of a team, this setup gets you coding in minutes, not hours.
I put a repo you can use for that, check it out here https://github.com/jgonzalezd/Node-Claude-Devcontainer
š ļø Whatās Inside?
- Ubuntu 22.04: Stable, modern, and ready for anything.
- PostgreSQL: Pre-installed, pre-configured, and running out of the box. No more ācanāt connect to databaseā headaches.
- Node.js 20: Managed with NVM, so youāre always on the right version.
- Python 3: For those quick scripts or data wrangling tasks.
- VS Code Extensions: Prettier, TypeScript Next, YAML tools, and moreāso your editor just works.
- Claude Code CLI + MCPs: This is where the magic happens (more on this below!).
š§āš» Getting Started is Stupid Simple
Open in VS Code
Just open the project folder and hit āReopen in Containerā when prompted. Or run the āRemote-Containers: Reopen in Containerā command.Wait a Minute
The container builds, sets up PostgreSQL, installs all the tools, and configures your environment. Go grab a coffee ā.Youāre Ready!
- Database is running (user:
vscode
, password:password
) - Node and Python are set up
- All the right VS Code extensions are enabled
- Claude Code CLI and MCPs are installed
- Database is running (user:
š¤ Whatās the Deal with Claude Code and MCPs?
Claude Code CLI is your AI coding sidekick. Itās like having a super-powered pair programmer who never sleeps. But what really makes it shine here is the MCPs (Multi-Context Providers).
So⦠What Are MCPs?
Think of MCPs as āAI pluginsā that let Claude Code tap into different sources of context, knowledge, or automation. In this container, you get:
- Task Master AI: For managing todos, tracking progress, and keeping your workflow organized. Check out how to use it here
- Context7 MCP: For deep code understanding, context-aware suggestions, and smarter code navigation.
With these MCPs, Claude Code can:
- Help you understand unfamiliar codebases
- Suggest next steps or improvements
- Automate repetitive tasks
- Keep your project organized with AI-powered task management
All of this is pre-installed and ready to go. No npm install dance, no API key wrangling, no config file spelunking.
š Why Use This Setup?
- Zero config: Everything just works, right out of the box.
- AI superpowers: Claude Code + MCPs = next-level productivity.
- Team-friendly: Everyone gets the same environment, so āit works on my machineā is a thing of the past.
- Easy database access: PostgreSQL is ready for your app, your tests, and your experiments.
š§Ŗ Try It Out!
- Open a terminal and run
claude
to login to the CLI. - Use
claude mcp list
to see your available MCPs. - Start coding, and let Claude help you with code suggestions, explanations, and task management.
- Use the Task Master:
š Troubleshooting?
- Database not running?
sudo service postgresql restart
- Node not found?
source ~/.bashrc
- Claude CLI acting up?
1 2 3 4
npm install -g @anthropic-ai/claude-code npm install -g task-master-ai@latest claude mcp add taskmaster "$(which task-master-ai)" claude mcp add --transport sse context7 https://mcp.context7.com/sse
Bottom line:
This dev container is your launchpad for new projectsāAI-powered, database-ready, and hassle-free. Open it up, start building, and let the tools do the heavy lifting.
Happy coding! š