Skip to main content

Modern Web Dev Tools




Setting up a local environment doesn't have to be finnicky. Move those config files into the trash bin. Doesnt matter the platform (macOS & Windows compatible), these modern tools make your local environment simpler. Well, at least simpler than XAMPP or MAMP lah.

Laravel Herd

Blazingly fast, native local environment for PHP and Laravel projects. Also support other frameworks like CI3 and such.

Why? 

Plug-and-play bro. No manual config required. 

Easy access

Your projects can be accessed instantly via a .test domain right out of the box.

Simply lovely

Click-click and you're done. XAMPP or MAMP can never.

Installing Laravel Herd

macOS: Download Herd for macOS, open the .dmg file, and drag it to your Applications folder. 

Windows: Download Herd for Windows, run the .exe, and follow the setup wizard. 

Setting Up Your First Project:

  1. Open the Herd tray icon and navigate to Settings > Sites. 
  2. Click Add site and point it to your project folder. 
  3. Ensure your PHP version matches your project requirements (check this via the Herd tray). 
  4. On Windows, you may need to manually add 127.0.0.1 foldername.test to your hosts file if it doesn’t auto-resolve. 
  5. Access your site at http://foldername.test. 

DBngin

All-in-one tool for managing local database like MySQL, MariaDB and more.

Simple Controls

Basic start/stop controls. Even a monkey can use.

Compatibility

Just like Laravel Herd, it's simpler than XAMPP/MAMP and fully supports macOS and Windows. 


How to Install DBngin:

macOS/Windows - DBngin Download

After downloading, just follow the standard installation prompts for your operating system. 


Creating a New Database Server:

  1. Launch DBngin and click the + icon to add a new server. 
  2. Choose MySQL or MariaDB, select your preferred version, and click Create. 
  3. Click Start to run the server. 
  4. The default port is 3306. Adjust this based on your need.

That's it folks. Now your local environment is faster and more modern. Good luck coding.

Comments

Popular posts from this blog

Turning AIs Into Cavemen Is Actually A Good Idea

    Token limits have been the number 1 problem of vibecoding. Aside from high usage, vague prompting and inefficient context management are two key causes that contribute to this problem. Tokens are counted from two things, the user’s input and agent’s output. You can have the best prompt in the world, but if your AI puke a Shakespearean essay for each response, your token will reach its limit faster. Similarly, if your prompt is too long, your token usage will also skyrocket. Prompting Prompting seems easy enough, but the reality is, if you want quality output, the input must be of similar quality. Here are some tips you can try to achieve a better, token-efficient prompt. Stick to English language only Certain languages may use higher tokens. Switching between languages might not be a good idea. Sure you can control your input prompt, but the output may use more tokens. Extremely short input Do not use ‘please’ or ‘thank you’. Get rid of filler words. Straight to the point....

Git Revert is Easier Than You Might Think

    Its surprisingly easy and not as complicated as some people might say. You just need to know which one is the 'bad' commit, then revert to one commit before the 'bad' one. In this example, person 'M' accidentally pulled from the dev branch instead of main. So to revert this, just follow these steps: Find the 'bad' commit In this case it's git message have something like 'pulled dev into branch...'. This is the bad commit, do not copy the git hash of this commit. Instead, get the last 'good' commit. Copy the commit hash of the one before the 'bad' one. Paste it somewhere safe, we will get back to this later. Do not revert right now.   Backup your commits after the 'bad' one After pulling from dev, 'M' pushed a few more commits afterwards. If we've already reverted, finding the committed changes would be a bit harder. So now is the best chance to copy all the commit hashes for cherry-picking later.    Rev...

🗑️ Clear storage Mac OS

  🗑️ Clear storage Mac OS 1: Clear system cache: Go to Finder > Go > Go to Folder, then type in "~/Library/Caches" and hit enter. Select all the folders inside the Caches folder and delete them. 2: Clear system logs: Go to Finder > Go > Go to Folder, then type in "/var/log" and hit enter. Select all the files inside the Log folder and delete them. 3: Remove unused language files: Go to Finder > Go > Go to Folder, then type in "/Library/Languages" and hit enter. Delete all the language folders you don't need. 4: Uninstall unused apps: Go to the Applications folder and delete the apps you don't use. 5: Clean up system files: Use a system cleaning tool like CleanMyMac X to scan and remove unnecessary system files. 6: If you have npm installed, clear the caches once in a while with ‘sudo npm cache clean --force’ 7: If you have ionic projects, open the ‘.angular’ folder and delete the ‘cache’ folder inside it.