Site icon jbQ Media

Publish | Mac Dev Site | WordPress | MAMP Pro | Linksys Router | DYN Pro | Simple Directions

Setup and Migration of a WordPress local dev site using MAMP Pro

How to set up a local WordPress dev site on your Mac, publish it from your machine, then migrate it to the production server using MAMP Pro and Dyn.

(If you’re going from a live site to a local dev site, read this instead)

Setup in MAMP Pro

1. Setup in MAMP Pro for dev and web sharing

2. To take your dev site live from MAMP

Set up your router with a static IP for your local machine and port forwarding to let incoming traffic on Port 80.

Static IP

Port Forwarding

->Don’t use the DYN tab in the router.

Although you could set up DYN in the router and not in MAMP Pro – it’s either/or –  Port Forwarding is simpler, and the success of this tutorial depends on it. Just remember to turn it off in the router (and/or shut down MAMP) when you’re not showing the site to your client. I use Little Snitch for outbreaks of security paranoia, to monitor traffic in and out of my Mac.

Get your ISP and Dyn working

Look at these options above and verify them

Use the Dyn domain url for remote access, while continuing to use the MAMP Pro domain url for local access.

***Add Relative URL plugin to WordPress install***– otherwise you’ll lose the connection to your css for remote viewers.

3. Migrate to new server:

  1. Create new DB, user, pw on target server
  2. find or confirm sql hostname in target server cPanel info
  3. Export db from dev site using WP Migrate DB, changing to live url, **including // but not http:** in the plugin’s url options
  4. Change admin pw if necessary
  5. Copy config.php on local server and change database connection details to match the ones created in steps 1 & 2
  6. FTP the site files over to the new public_html or whatever your designated new directory is on the new server
  7. Overwrite config.php with your file from step 3

Here are 2 valuable tutorials:

Alex Bachuk

Dyn Wizard

Exit mobile version