My MacBook Setup For Development 2024
Tags: tutorial, webdev, productivity, learning
Published: 2024-01-09 09:35:50

As we step into another year of exciting journeys, I figured it was the perfect moment to unveil the newest adjustments and tools I'm using in my MacBook setup.

## Arc Browser

When setting up a new MacBook, the initial must-have is a browser, and my top choice at the moment is Arc. This browser stands out with its innovative features that redefine the browsing experience and reshape our interaction with the Internet. 

![Arc Browser](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6gkeksldiyp4c9oun1q0.png)

The split view feature, allowing a simultaneous display of up to 4 tabs, and the ability to switch between profiles within a single window are particularly appealing to me. The clean and minimal UI, coupled with AI features like Arc Max, further enhance the browsing journey.

**Arc Max | Bringing AI to Arc Browser**
{% embed https://www.youtube.com/watch?v=ttylMKwIe7c
 %}

In a recent video, the creators teased that they're not merely crafting a browser but planning a grand reintroduction to the world. The excitement builds for their event on January 30, 2024, hinting at significant announcements that I eagerly look forward to discovering!

**We’re not building a web browser**
{% embed https://www.youtube.com/watch?v=u2-d5Sty-K0
 %}

### Chrome Extensions

**uBlock Origin** - [Chrome web store](https://chromewebstore.google.com/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm)
**Loom** - [Chrome web store](https://chromewebstore.google.com/detail/loom-%E2%80%93-screen-recorder-sc/liecbddmkiiihnedobmlmillhodjkdmb)
**Grammarly** - [Chrome web store](https://chromewebstore.google.com/detail/grammarly-grammar-checker/kbfnbcaeplbcioakkpcpgfkobkghlhen)

## Terminal Experience

### iTerm2

Over the past few years, my coding journeys have been accompanied by the reliable iTerm2, offering a seamless experience without any fuss. It seemed like I had everything I needed until I came across Warp. Exploring this innovative terminal emulator over the past few weeks has been a delightful revelation, bringing a fresh perspective and exciting features to my development environment.
[Website link](https://iterm2.com/)

### Warp - A Modern Terminal

Bid farewell to conventional terminals! Meet Warp, a cutting-edge terminal crafted with Rust. Immerse yourself in speed, efficiency, and the enchantment of AI command search. The cherry on top? It comes at no cost for small teams of up to five members!
[Website link](https://www.warp.dev/)

![Warp - A Modern Terminal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rg3pz21lgdd613jaa33m.png)
## Text Editing

**Visual Studio Code (VS Code):**
No developer's toolkit is complete without a powerful Integrated Development Environment (IDE). [VS Code](https://code.visualstudio.com/) continues to be my top pick.

**New Editor Extensions:**
[Codeium](https://codeium.com/), a free alternative to GitHub Copilot for individual users. Enhance your coding experience without breaking the bank.

## Package Manager

**Package Management with Homebrew and Cakebrew**
When it comes to package management, [Homebrew](https://brew.sh/) remains my favourite Companion. But, for those who appreciate a visually appealing interface, I've also embraced [Cakebrew](https://www.cakebrew.com/), providing a user-friendly GUI for Homebrew.

## Productivity Tools

- **Raycast** is a blazingly fast, totally extendable launcher. It lets you complete tasks, calculate, share common links, and much more. [**Website link**](https://www.raycast.com/)
- **BetterSnapTool** effortlessly manage window positions and sizes. 
**[Website link](https://folivora.ai/bettersnaptool)**
- **AltTab** bring the convenience of Windows’s “alt-tab” window switcher to macOS. 
**[Website link](https://alt-tab-macos.netlify.app/)**
- **iStat Menus** elevate your menu bar with advanced system monitoring. 
**[Website link](https://bjango.com/mac/istatmenus/)**

**Raycast**
{% embed https://www.youtube.com/watch?v=nKYeAhsWF70
 %}

## Online Tools

### Assistants

- ChatGPT
- Codeium
- Grammarly
- Midjourney

### Images
- [SVG Repo](https://www.svgrepo.com/), search, explore and edit the best-fitting free icons or vectors for your projects using a wide variety vector library. Download free SVG vectors and icons for commercial use.
- [TinyPNG](https://tinypng.com/) Smart WebP, PNG and JPEG Compression. When utilised with the Raycast extension [by Ryo Kawamata
](https://www.raycast.com/kawamataryo) image compression becomes a simple task.

## System Maintenance

### Clean My Mac X

Keeping our Macs clutter-free is crucial. [Clean My Mac X](https://cleanmymac.com/) comes to the rescue with its intuitive GUI. Simply drag and drop apps, and watch it efficiently remove residual files and caches.

### Onyx

For a deep clean, consider [Onyx](https://www.titanium-software.fr/en/onyx.html). Despite its initially confusing UI, it's a powerhouse that can recover substantial storage space and perform essential maintenance tasks.


![Clean My Mac](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vqs7pvobxv4hquyrc29r.png)

### Your Turn! Share Your Thoughts 💬

What's your take on these tools? Have any hidden gems to recommend? Drop your comments below. 

**P.s**
A special thanks to the following platforms for showcasing my Gatsby theme, Clay, last year. 🔥

- [JamTemplates](https://jamtemplates.com/) by [Greg Bergé](https://github.com/gregberge/)
- [HTMLRev](https://htmlrev.com/) by [Lucian Tartea](https://github.com/luciantartea)
- [BuiltAtLightspeed](https://builtatlightspeed.com/) by [Rob Austin](https://dev.to/ausrobdev)

Your support means the world, and I'm truly grateful for the opportunity to have Clay featured on your platforms. 

Don’t forget to check out **Clay - A Gatsby Theme**
[Demo URL](https://clay-theme.netlify.app/)
[GitHub Repo URL](https://github.com/lilxyzz/clay-theme)

{% embed https://dev.to/lilxyzz/clay-theme-unlocking-the-power-of-gatsby-v5-and-netlifycms-with-clay-theme-njn %}

Here's to more collaborative successes in the future. 🍻

[My Personal Site](https://travislord.xyz/)