Whitepaper
De Mac-toolkit voor website developers: tools, tips en instellingen
Wie websites bouwt op een Mac loopt al snel tegen dezelfde vragen aan: hoe test ik een domein lokaal voordat de DNS live staat, welke editor is het waard om over te stappen, en welke tools maken het dagelijkse werk echt makkelijker. Deze whitepaper zet de tools, instellingen en AI-hulpmiddelen op een rij die de meeste website developers dagelijks gebruiken.
De hosts file aanpassen voor lokaal testen
Dit is waarschijnlijk de meest gebruikte developer-truc op de Mac: door een regel toe te voegen aan /etc/hosts kun je een domeinnaam, bijvoorbeeld mijnproject.test, lokaal laten wijzen naar je eigen Mac, nog voordat er iets in de echte DNS staat. Handig om een site bij een klant te testen op het uiteindelijke domein, zonder dat die al live hoeft te staan.
- Open Terminal.
- Typ
sudo nano /etc/hostsen voer je Mac-wachtwoord in. - Voeg onderaan een regel toe, bijvoorbeeld
127.0.0.1 mijnproject.test. - Sla op met Ctrl-O, sluit met Ctrl-X.
- Ververs de DNS-cache met
sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder.
Wie dit liever met een muis doet in plaats van Terminal: Gas Mask en de App Store-app Hosts bieden een grafische lijst met aan- en uitschakelaars per regel.
Een lokale ontwikkelomgeving inrichten
Laravel Herd
Gratis, native Mac-app die elk project automatisch serveert via een *.test-domein, zonder Homebrew of losse configuratie. Oorspronkelijk gericht op PHP en Laravel, maar bruikbaar voor vrijwel elk lokaal project.
MAMP / MAMP PRO
De klassieke combinatie van Apache, MySQL en PHP in één installer, met een grafische interface. Iets zwaarder dan Herd, maar vertrouwd voor wie al jaren zo werkt.
DDEV
Docker-gebaseerd, met per project een eigen geïsoleerde omgeving via een simpel configuratiebestand. Fijn zodra een team exact dezelfde omgeving wil delen.
Local
Specifiek gericht op WordPress-sites, met installatie in één klik en makkelijke export naar een hostingpartij.
Een goede code-editor kiezen
Visual Studio Code
Van Microsoft en verreweg de meest gebruikte editor, dankzij het enorme aanbod extensies voor Git, linting en live preview. Gratis in gebruik.
PhpStorm
Van JetBrains en de gevestigde naam voor wie serieus met PHP werkt, zeker in combinatie met WordPress of Laravel. Betaald, maar de ingebouwde debugger, refactor-tools en codenavigatie zijn grondiger dan wat VS Code standaard biedt.
Zed
Nieuwe, volledig native Mac-editor, gebouwd voor snelheid: merkbaar sneller opstarten en typen dan VS Code, met ingebouwde AI-ondersteuning en een samenwerkingsmodus.
Nova
Van Panic, bekend van Transmit, ook volledig native. Iets minder extensies dan VS Code, maar prettiger op de Mac zelf qua gevoel en batterijgebruik.
Sublime Text
Lichtgewicht en razendsnel, fijn voor wie liever geen zware editor met tientallen extensies gebruikt.
AI-hulpmiddelen voor developers
De meeste editors hierboven hebben inmiddels AI ingebouwd of als plug-in beschikbaar, en welke het beste werkt verschilt per developer en per project. Een kort overzicht van wat nu gangbaar is:
GitHub Copilot
Van Microsoft en de bekendste, goedkoopste instap. Werkt als extensie in VS Code en de meeste andere editors, sterk in autocomplete en losse suggesties tijdens het typen.
Cursor
Een volledige VS Code-fork waarbij AI overal in het bewerkingsproces zit ingebouwd, niet alleen als extensie. Populair bij developers die veel met AI willen samenwerken zonder van editor te wisselen.
Claude Code
Van Anthropic en werkt vanuit de terminal. Kan zelfstandig meerdere bestanden tegelijk aanpassen, een codebase doorzoeken en grotere refactors uitvoeren, in plaats van alleen losse regels te suggereren.
JetBrains AI Assistant en Junie
Zit inmiddels standaard in PhpStorm, met codecompletie, uitleg en een agent die zelfstandig taken kan oppakken.
Veel developers combineren een editor met ingebouwde AI voor het dagelijkse werk met een apart AI-hulpmiddel voor grotere klussen. Het is geen kwestie van kiezen voor één partij: de meeste tools ondersteunen inmiddels meerdere AI-modellen naast elkaar.
Terminal en package management
Homebrew is zo ongeveer de standaard package manager voor de Mac, via brew install, en de basis waarmee de meeste tools in deze whitepaper worden geïnstalleerd. Voor de terminal zelf zijn iTerm2 en Warp een merkbare upgrade ten opzichte van de standaard Terminal-app, met tabbladen, splitscreens en een betere zoekfunctie. Voor projecten met meerdere Node-versies naast elkaar is een versiebeheerder onmisbaar: nvm of het snellere fnm laten je per project schakelen tussen Node-versies zonder dat dit elders problemen geeft.
Lokale HTTPS met een vertrouwd certificaat
Steeds meer functionaliteit, zoals service workers, bepaalde cookies en camera- of microfoon-API’s, werkt alleen nog over HTTPS, ook lokaal. mkcert lost dit op: het maakt een lokale certificaatautoriteit aan die je Mac vertrouwt, en genereert daarmee certificaten voor bijvoorbeeld mijnproject.test zonder de bekende waarschuwing dat een verbinding niet veilig is.
brew install mkcert
mkcert -install
mkcert mijnproject.testBrowser devtools die je moet kennen
Safari
Staat standaard verstopt. Zet ‘m aan via Safari-instellingen, Geavanceerd, “Toon functies voor webontwikkelaars”. Open daarna de Web Inspector met Option-Command-I of via het Ontwikkel-menu.
Chrome DevTools
De meest uitgebreide devtools qua netwerk- en performance-analyse, en de industriestandaard voor het testen van responsive layouts.
Test altijd in beide: Safari gebruikt een andere renderingengine (WebKit) dan Chrome en Edge (Chromium), en verschillen komen vaker voor dan je zou denken.
Database- en bestandsbeheer
TablePlus of Sequel Ace
Grafische MySQL- en MariaDB-clients. Sequel Ace is de gratis, actief onderhouden opvolger van het inmiddels gestopte Sequel Pro.
Transmit of Cyberduck
Voor FTP en SFTP naar de server. Cyberduck is gratis, Transmit (ook van Panic) is betaald maar rapper en stabieler bij grote overdrachten.
Proxyman
Om te zien welk netwerkverkeer een pagina of app precies genereert, handig bij het debuggen van API-koppelingen.
Versiebeheer en samenwerking
Git is de standaard, maar de command line is niet voor iedereen prettig. GitHub Desktop, gratis en van GitHub zelf, en Fork, betaald maar overzichtelijker bij grotere repositories, geven een grafische laag bovenop dezelfde Git-commando’s.
Stappenplan om je Mac developer-klaar te maken
- Installeer Homebrew.
- Installeer een lokale ontwikkelomgeving: Herd voor PHP, of DDEV of MAMP naar voorkeur.
- Kies een editor en installeer de basisextensies voor Git, linting en formatting.
- Installeer mkcert en maak een lokaal certificaat voor je eerste testdomein.
- Voeg dat testdomein toe aan de hosts file en flush de DNS-cache.
- Zet Safari’s ontwikkelaarsfuncties aan naast Chrome DevTools.
- Installeer een databaseclient en een SFTP-app voor serverwerk.
Praktijkscenario voor het mkb
Een freelance developer bouwt en onderhoudt websites voor een stuk of tien mkb-klanten tegelijk, allemaal met hun eigen domein en hosting. Vroeger betekende dat voortdurend schakelen tussen projecten via een gedeelde lokale server, met bijbehorende conflicten tussen PHP-versies en vergeten hosts-regels. Met Herd draait elk project nu in zijn eigen omgeving onder een eigen *.test-domein, met mkcert erbij voor een werkend HTTPS-slotje tijdens het testen. Voor het dagelijkse coderen gebruikt hij VS Code met Copilot voor kleine suggesties, en schakelt hij over naar Claude Code zodra een klant een grotere aanpassing wil die meerdere bestanden raakt. Het resultaat: minder tijd kwijt aan omgevingsproblemen, en meer tijd aan het werk waar de klant voor betaalt.