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

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs