Skip to main content

Introduction to Modern Web Development 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.

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

How to Install Laravel Herd:

  • macOS: Download from herd.laravel.com, open the .dmg file, and drag it to your Applications folder.

  • Windows: Download the installer from herd.laravel.com/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: Download the appropriate version from dbngin.com and 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.

Comments

Popular posts from this blog

Setup existing IONIC project in local

Setup existing IONIC project in local  Steps: clone git repo install ionic -  npm install -g @ionic/cli masuk folder repo project install npm dependencies -  npm install run ionic project -  ionic serve buka android studio / xcode -  ionic cap open $var  - $var = ‘android’ atau ‘ios’. ada dua je option, replace $var dgn dua option tu sync changes vscode & dkt android studio / xcode -  ionic cap sync good luck Common issues: dependency conflict check https://www.npmpeer.dev/ utk tengok version yg compatible try naikkan/turunkan version dependency yg keluar dkt error. tembak je sampai hilang error g radle issue try upgrade gradle. kalau tak boleh, try remove folder android & build semula e rror cocoapod make sure install xcode make sure install cocoapod error java  home not found utk mac, buka ~/.zshrc & masukkan chang es dkt VSC tak masuk android studio / xcode try ionic cap sync try quit & buka semula cordo va.variables.gradle no...

🗑️ 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.

Other useful things I sometime use but always forgot

  🐘 Useful PHP functions One line year array // will get the past 3 year including current year. eg: 2021,2022,2023 for ($i=-2; $i <= 0 ; $i++) $data['year'][date('Y')+$i] = date('Y')+$i; Unset attribute in array of array object $body_list[$count] = array(             'attr' => array(                 '1' => 'one',                 '2' => 'two',             ),             'data' => (object) array(                 '3' => 'three',                 '4' => 'four',             )         ); unset($body_list[$count]['data’]->{‘3’}); // will remove attribute ‘three’ Merge/combine array with duplicate keys while preserving the values // use this inside loops where + won...