CredVault
Dashboard

Coder

Coder provides cloud-based development environments. Code in your browser, from any device, with your entire team's tools pre-configured.

What is Coder?

Coder is a cloud IDE that gives you:

  • Browser-based coding - Code from anywhere, any device
  • Instant environments - Start coding in seconds
  • Team collaboration - Code together in real-time
  • Pre-configured tools - Everything you need pre-installed
  • Persistent workspaces - Your environment saves automatically
  • SSH access - Use your local IDE if you prefer

Why Use Coder Instead of Local Development?

Traditional Local Development

  • Setup takes hours/days
  • Tools can conflict
  • Works on my machine only
  • Hard to onboard new developers
  • Difficult to collaborate

Coder Cloud Development

  • ✓ Setup takes 5 minutes
  • ✓ Pre-configured environments
  • ✓ Works the same everywhere
  • ✓ New developers productive immediately
  • ✓ Easy pair programming

Key Benefits

For Developers

✓ No local setup needed
✓ Same environment as teammates
✓ Full IDE features in browser
✓ All tools pre-installed
✓ Code from laptop, phone, anywhere
✓ Fast internet connection (not your machine)

For Teams

✓ Onboard faster
✓ Consistent environments
✓ Easy code reviews via workspace sharing
✓ Better resource utilization
✓ Track who coded what
✓ Security and compliance built-in

For Organizations

✓ Reduce setup time
✓ Improve developer productivity
✓ Better security (centralized)
✓ Easy to audit code changes
✓ Works for remote teams
✓ Cost predictable

Getting Started

Create Your First Workspace

  1. Go to Coder in CredVault
  2. Click Create Workspace
  3. Choose template:
    • Node.js - JavaScript development
    • Python - Data science, ML
    • Go - Backend development
    • Full Stack - All tools
  4. Name your workspace
  5. Click Create

Your workspace starts in ~30 seconds.

Connect and Code

Once created:

1. Browser opens IDE
2. Terminal ready to use
3. Your code files appear
4. Start coding immediately

Templates

Pre-configured workspaces:

Node.js Template

Includes:
- Node.js latest
- npm/yarn
- VS Code extensions (ESLint, Prettier)
- Git configured

Python Template

Includes:
- Python 3.11
- pip, poetry
- Jupyter support
- Common ML libraries (pandas, numpy)
- VS Code Python extension

Go Template

Includes:
- Go 1.21
- gopls (IDE)
- Air (hot reload)
- Docker
- VS Code Go extension

Full Stack Template

Includes:
- All above
- Docker & Docker Compose
- PostgreSQL client
- Git & GitHub CLI

Custom Templates

Create your own:

FROM ubuntu:22.04

RUN apt-get update && apt-get install -y \
    nodejs \
    python3 \
    postgresql-client \
    git

COPY dotfiles /home/coder/.config/

Using Coder

Browser IDE Features

Left Sidebar:
- File explorer
- Search and replace
- Git integration
- Debug console
- Extensions

Main Editor:
- Syntax highlighting
- Code completion
- IntelliSense
- Multiple files

Bottom Terminal:
- Run commands
- See output
- Git operations

Terminal Access

Use built-in terminal like local:

# Install dependencies
npm install

# Start development server
npm start

# Run tests
npm test

# Git operations
git add .
git commit -m "Feature: new feature"
git push origin main

File Management

Upload/download files:

Right-click file → Download
Drag & drop files → Upload
Create new files/folders
Delete files
Rename files

Team Collaboration

Invite to Workspace

Work together in real-time:

  1. Click Share
  2. Select team members
  3. Choose permission:
    • Edit - Can modify code
    • View - Read-only
    • Admin - Full control
  4. Send invite

Pair Programming

Developer 1 & 2 both in same workspace
↓
Same file open simultaneously
↓
See each other's cursor and changes in real-time
↓
Use chat for communication
↓
Works like Google Docs for code

Code and Commit

Git Integration

Built-in Git commands:

# Clone a repo
git clone https://github.com/user/repo.git

# Create branch
git checkout -b feature/my-feature

# Make changes (in IDE)

# Stage changes
git add .

# Commit
git commit -m "Add awesome feature"

# Push
git push origin feature/my-feature

GitHub Integration

Connect to GitHub:

  1. Click Settings
  2. Click GitHub
  3. Authorize CredVault
  4. Now can:
    • Clone private repos
    • Push directly to GitHub
    • See PR status

Stopping and Restarting

Auto-Stop Settings

Workspace stops automatically:

Default: Stop after 30 minutes of inactivity
Options:
- 5 minutes
- 15 minutes (for testing)
- 30 minutes
- 1 hour
- Never stop (uses resources constantly)

Manual Stop

Stop whenever you want:

  1. Click workspace
  2. Click Stop
  3. All work saved automatically
  4. Restart anytime

Billing While Stopped

While running: $2.50/hour charged While stopped: No charge Stopped for days: Your work still saved

Next Steps