*.localhost subdomains

I have been developing many projects and a lot of them share the same port 3000, this causes the browser history to have many urls with localhost:3000 while the path is from different websites.

I previously used lvh.me subdomains to separate local projects like so:

  • foo.lvh.me
  • bar.lvh.me:3000
  • whatever.lvh.me:3000

All of them will resolves to localhost, but if I’m off the grid and I have no network access I’m out of luck.

Until I found out that *.localhost also works natively on Firefox and Chromium browsers. and so it works on Arc too!

So I’m now adapting to use projectname.localhost:port from now on to make my browser history more searchable.