Setup XDebug on PHPStorm

Enable Xdebug in env

Simply set XDEBUG_MODE to debug in your .env file and restart the app container.

Install the Browser Extension

For Firefox and Chrome, you have to install Xdebug helper extension

If Xdebug works now, then simply skip the rest of this document. 🥷

Configure the Browser extension

Right-click on the extension Icon and choose options
Set the IDE key to other and type in phpstorm as follows:

Configure PHPStorm

Open Xdebug settings and enter IDE key & port
Go to servers and create a server with the mappings

Your setup should be working now. 🦄

External docs:

https://www.jetbrains.com/help/phpstorm/configuring-xdebug.html