DEV Community

Cover image for 2023 Mac Setup for Web Development (Part 01)
Carlos Orue
Carlos Orue

Posted on

2023 Mac Setup for Web Development (Part 01)

MACBOOK PRO SPECIFICATIONS

  • 16-inch
  • Apple M1 Max Pro
  • 16 GB RAM
  • 1TB SSD
  • macOS Ventura

TECHNICAL STACK

  • Front-End ( JavaScript, React, Vue, Next, Nuxt, Astro)
  • Back-End ( Python, NodeJS, GO)
  • Database ( PostgreSQL, MongoDB, Redis, Neo4j)
  • Cloud ( AWS, Azure, Netlifly, Firebase, Linode, Vercel)
  • Other ( Docker, Pulumi, Figma)

First Step

  • Browser: Download Firefox Developer Edition or Chrome, set to default.
    • Login to:
    • Github
    • Gmail
  • Install Rosetta2
sudo softwareupdate --install-rosetta --agree-to-license
Enter fullscreen mode Exit fullscreen mode
xcode-select --install
Enter fullscreen mode Exit fullscreen mode
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
Enter fullscreen mode Exit fullscreen mode
  • After installing Homebrew:
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/user_name/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"
Enter fullscreen mode Exit fullscreen mode
  • Update everything in Homebrew:
brew update
Enter fullscreen mode Exit fullscreen mode

SYSTEM PREFERENCES

  • General
    • Sharing
      • "Change computer name." Local hostname -> Edit
      • "Make sure all file sharing is disabled."
  • Notifications
    • Off, except for Calendars and Reminders.
  • Appearance
    • Show scroll bars -> "Always."
  • Desktop Dock
    • Remove most applications from Dock
    • Size: Smaller Dock
    • Magnification: OFF
    • Automatic hide and show the Docke: ON
    • Show indicators for open applications: ON
    • Show recent applications in Dock: OFF
    • Automatically rearrange Space based on most recent use: OFF
    • Hot Conners: "disable all"
  • Displays
    • Night Shift
  • Control Center
    • Battery -> "Show in Menu Bar"
    • Battery -> "Show Percentage"
    • Menu Bar Only -> Spotlight: "Don't Show in Menu Bar"
    • Menu Bar Only -> Siri: "Don't Show in Menu Bar"
  • Siri & Spotlight
    • Ask Siri: OFF
    • Disable Spotlight (Only if Alfred 5 will be instaled)
  • Privacy & Scurity
    • Turn on FileVault
    • Add Browser to "Screen Recording"
  • Keyboard
    • Text Input
    • Input Sources -> "Edit"
      • disable "Capitalise word automatically"
      • disable "Add period with double-space"
      • disable "Use smart quotes and dashes"
      • use " for double quotes
      • use ' for single quotes
    • Keyboard Shortcuts
    • Spotlight -> "Show Spotlight search": OFF (Only if Alfred 5 will be instaled)
  • Trackpad
    • Tap to Click
    • Look up & data detectors: OFF

Finder

  • General
    • New Finder windows show -> "user name"
  • Hide all Tags
  • Sidebar
    • activate all Favorites
    • move Library to Favorites
    • Resent Tags: OFF
  • Advanced
    • Show all Filename Extensions: ON
    • Remove items from Trash after 30 days: ON

### SYSTEM PREFERENCES (TERMINAL)

# take screenshots as jpg (usually smaller size) and not png
defaults write com.apple.screencapture type jpg

# do not open previous previewed files (e.g. PDFs) when opening a new one
defaults write com.apple.Preview ApplePersistenceIgnoreState YES

# show Library folder
chflags nohidden ~/Library

# show hidden files
defaults write com.apple.finder AppleShowAllFiles YES

# show path bar
defaults write com.apple.finder ShowPathbar -bool true

# show status bar
defaults write com.apple.finder ShowStatusBar -bool true

# decrease launchpad icons size
defaults write com.apple.dock springboard-rows -int 7
defaults write com.apple.dock springboard-columns -int 6;killall Dock

killall Finder;
Enter fullscreen mode Exit fullscreen mode

Mac setup for web development inspired by ROBIN WIERUCH

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay