My Web Development Setup

The following is a my work setup as of August 2024.

🖋️ Editor

• Visual Studio Code with a giant pile of extensions.
• Theme: One Dark Pro Vivid.
• Font: Jetbrains Mono. Ligatures all the way.

⌨ Terminal

• Warp. Great auto-completion, workspaces, and a bunch of AI I don't use.
• Oh-my-poshadds some nice theming.
• NPM packages I install globally.
• For Node, I use NVM autoloading. When I navigate into different repos, nvm will automatically switch the active version of node based on the .nvmrc file.

📁 Desktop Apps

• I'm back on a Mac after too much fighting with Windows.
• Chrome. I've tried Arc, but it didn't stick.
• My Notepad PWA or Notion for daily note taking, to-do lists and planning small projects.
• Figma for UI design.
• Postman to test and debugging APIs.
• DataGrip. "Many databases, one tool"
• Affinity Photo is my Photoshop/Lightroom.
• Docker Desktop.
• Rectangle for window resizing. Why do I need this??
• Teams, Spotify
• Excalidraw for quick diagrams and scribbles when screensharing.
• Meeter - Joining my next meeting is one click from the MenuBar.

🕸️ Web Apps & Services

• G Suite give me the best of GMail, Drive and co for my business.
• GitHub for code.
• My projects are split between Vercel and Netlify
• SVGOMG - UI for optimising SVGs. Installed as a PWA.

🔩 Hardware

• Macbook Pro M2 15inch which I connect to a CalDigit dock when I'm at my desk. One cable for everything is so nice.
• Logitech MX Master v1 mouse. I'm a lifer now. I'll replace/repair this thing until retirement.
• Keychron K2. I went mechanical and ditched the numpad in the process. Less twisting at the elbow for the mouse == more comfort. Believe the hype.
• A 34-inch LG UltraWide monitor.
• Google Pixel 8. It's fine.
• Bose QuietComfort 45 noise-cancelling headphones.
• There's a couple of Raspberry Pis and Arduinos gathering dust somewhere.

If you like this kind of content, check out uses.tech for more developer's setups.