← Previous: Send Pictures to Claude | Home | Next: Building an App →
With the basics of Claude Code set up - let's talk about the most important thing, Docker, GitHub, and MCPs
This guide is for WSL - For a Mac - just ask Claude Code to set up Docker and set up GitHub - I recommend you ask it to "Allow me to login with GitHub Oauth Popup" as this allows you to easily switch between GitHub accounts if needed.
Now - download docker desktop, activate it, add it to path, all that good stuff.
Go to settings (top right) on Docker Desktop
This allows WSL to use Docker commands
Now go back to Claude Code
"Claude, set Docker up so you can run Docker commands - you are inside a WSL instance which has the ability to run Docker commands.
Also setup GitHub so I you can pull and push from private repos etc - i specifically want the Oauth popup screen and don't want to use PAT tokens"
Once this is set up - guess what - Claude can now run Docker commands for you - start a new project by asking Claude to create you a Docker instance with Python and Flask, using the same Docker setup that Digital Ocean would use.
Also, ask it to create you a Dev and a Main branch on a new GitHub repo (make the repo manually on GitHub then send the URL to claude code)
This will setup a basic CI/CD pipeline for you to code with.
Now let's add some MCPs, this is actually the easiest on Claude Code - the only thing to note is that you should save commands that work for your system in a template, so you can feed any MCP's documentation to it and it will generate commands that work for your system. If you're on Mac you may need to change these commands slightly.
Leave the Claude Code session by hitting control+C - then add API keys to these commands and run them - you can copy and paste them all at the same time if you want note these API Keys have been changed:
claude mcp add supabase -- npx -y @supabase/mcp-server-supabase@latest --access-token sbp_3872ee630ebadebc9a957e1
claude mcp add digitalocean -- env DIGITALOCEAN_API_TOKEN=dop_v1_486a8cf47ca4d9d0d223000e8575844c044d33a1036e npx @digitalocean/mcp
claude mcp add shopify-dev-mcp -- npx -y @shopify/dev-mcp@latest
claude mcp add puppeteer -- npx -y @modelcontextprotocol/server-puppeteer
claude mcp add upstash -- npx -y @upstash/mcp-server run incomestreamsurfer@gmail.com 23ef7d2d-1cb837e2ae5b8
claude mcp add context7 -- env DEFAULT_MINIMUM_TOKENS=6000 npx -y @upstash/context7-mcp
claude mcp add "Bright Data" -- env API_TOKEN=04a4003c6801e7b2d7 npx -y @brightdata/mcp← Previous: Send Pictures to Claude | Home | Next: Building an App →