CODEHOUSE
🟢 Momenteel aan het coderen 💼 Gratis projectbeoordeling

Mijn 2025 Development Setup: Tools Voor Schoonheid én Waarheid

• 4 min lezen

Na vijf jaar Defactor bouwen en onderhouden, heb ik mijn development setup flink geoptimaliseerd. Hier is alles wat ik dagelijks gebruik om zowel mooie als betekenisvolle software te maken.

Hardware

MacBook Pro M3 Pro 14" (2024)

  • 18GB RAM
  • 1TB SSD
  • Externe monitor: LG UltraWide 34"

Input

  • Toetsenbord: Keychron K8 (Brown switches)
  • Muis: Logitech MX Master 3S
  • Trackpad: Magic Trackpad voor gesture navigation

Software Stack

Code Editor: VS Code

Na jaren van Vim en Sublime Text ben ik terug bij VS Code. De extensie ecosystem is onverslaanbaar voor full-stack development.

Essentiële extensies:

- Prettier
- ESLint
- GitLens
- Thunder Client (Postman alternatief)
- Auto Rename Tag
- Bracket Pair Colorizer
- Hugo Language Support

Settings highlights:

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "workbench.colorTheme": "One Dark Pro",
  "editor.fontFamily": "JetBrains Mono",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.5
}

Terminal: iTerm2 + Oh My Zsh

Plugins die ik niet kan missen:

  • git - Git shortcuts en status
  • nvm - Node version management
  • z - Smart directory jumping
  • syntax-highlighting - Command syntax coloring

Version Control: Git + GitHub

Handige aliases:

alias gs="git status"
alias ga="git add"
alias gc="git commit -m"
alias gp="git push"
alias gl="git log --oneline --graph"
alias gco="git checkout"
alias gcb="git checkout -b"

Development Tools

Local Development

Docker Desktop - Voor consistent development environments Homebrew - Package management voor macOS nvm - Node.js version management rbenv - Ruby version management

Database Tools

TablePlus - Database GUI (PostgreSQL, MySQL, SQLite) Redis Desktop Manager - Voor cache debugging

API Development

Thunder Client - REST client in VS Code Insomnia - Voor complexere API testing ngrok - Local tunneling voor webhook testing

Design & Assets

Figma - UI/UX design en prototyping ImageOptim - Automatische image compression Sketch - Voor quick mockups en icons

Deployment & Infrastructure

Hosting

Netlify - Voor statische sites zoals deze blog Vercel - Voor Next.js applications Railway - Voor backend services en databases Cloudflare - DNS en CDN

Monitoring

Sentry - Error tracking Google Analytics 4 - Privacy-conscious analytics Uptime Robot - Service monitoring

Productivity Tools

Communication

Slack - Team communication Discord - Open source communities Signal - Secure messaging

Project Management

Linear - Issue tracking en project planning Notion - Documentation en knowledge base Calendly - Meeting scheduling

Writing & Documentation

Obsidian - Note-taking en knowledge management Grammarly - Writing assistance (ook voor Nederlandse teksten) Typora - Markdown editor voor lange documenten

Browser Setup

Arc Browser - Mijn main browser sinds 2024

  • Spaces voor project organization
  • Vertical tabs
  • Built-in ad blocking

Chrome - Voor development en testing Firefox - Privacy-focused browsing Safari - Mobile testing en battery life

Chrome Extensions:

  • React Developer Tools
  • Vue.js devtools
  • uBlock Origin
  • 1Password
  • JSON Viewer
  • Web Developer

Development Workflow

Morning Routine

  1. Check GitHub notifications
  2. Review Linear tasks for the day
  3. Pull latest changes from all active projects
  4. Start local development servers

Daily Tools Order

  1. VS Code - Primary development
  2. iTerm2 - Git, deployment, scripts
  3. Arc Browser - Testing, documentation
  4. Figma - Design reference
  5. Linear - Task management

Evening Wrap-up

  1. Commit and push all changes
  2. Update project documentation
  3. Plan tomorrow’s priorities in Linear
  4. Backup critical work to cloud

Configuration Files

Ik sync mijn dotfiles via GitHub: github.com/username/dotfiles

Key files:

  • .zshrc - Shell configuration
  • .gitconfig - Git settings
  • settings.json - VS Code settings
  • Brewfile - Homebrew packages

Hardware Peripherals

Audio

  • Sony WH-1000XM4 - Noise cancelling voor focus
  • AirPods Pro - Calls en quick audio

Storage

  • SanDisk Extreme Pro 2TB - Project backups
  • Time Machine backup naar Synology NAS

Desk Setup

  • Standing desk converter
  • Ergonomic monitor arm
  • Blue light filtering glasses
  • Mechanical keyboard wrist rest

Mobile Development

iOS

  • Xcode (voor app previews)
  • TestFlight (voor beta testing)
  • Safari Developer Tools

Android

  • Android Studio
  • Chrome Remote Debugging

Security & Backup

Password Management: 1Password VPN: Mullvad (privacy-focused) Backup Strategy:

  • Time Machine (hourly)
  • Cloud sync voor code (GitHub)
  • Manual weekly backup van databases

Cost Breakdown

Monthly subscriptions:

  • GitHub Pro: €4
  • Netlify Pro: €19
  • 1Password: €3
  • Figma Professional: €12
  • Linear: €8

Total: ~€46/month voor een volledig professionele development stack.

2025 Upgrades

Planning voor dit jaar:

  • Overstap naar Raycast (Alfred replacement)
  • Experimenten met GitHub Copilot
  • Migration naar Bun.js voor nieuwe projecten
  • Uitproberen van nieuwe CSS frameworks

Waarom Deze Setup Werkt

Deze setup is geoptimaliseerd voor:

  1. Snelheid - Minimale context switching
  2. Betrouwbaarheid - Proven tools met goede support
  3. Flexibiliteit - Werkt voor frontend, backend, en civic tech
  4. Samenwerking - Gemakkelijk delen met team members

Voor Defactor’s complexe requirements (real-time data, high traffic, multiple stakeholders) is stabiliteit belangrijker dan de nieuwste trends.

Vragen over specifieke tools of configuraties? Mail me - ik help graag andere developers hun workflow te optimaliseren.