How to Set Up a Staging Environment for Your Website

Site Tools → WordPress → Staging → Create. Clones entire site in ~30 seconds. Push changes to live with one click. Supports selective push (files only, DB only, or both).

Applications → select app → Staging. Full clone with separate URL and database. Pull from production or push to production. Team access controls.

MyKinsta → Sites → select site → Environment → Staging. Premium staging with full environment copy. Push selective components.

Sites → select site → Add Staging. Three environments available (Dev, Staging, Production). Git integration built in.

hPanel → WordPress → Staging. Create and manage staging with a clean interface. Push changes to live site when ready.

Add staging.yourdomain.com in your DNS. Point it to your server. Create a new virtual host in Nginx/Apache for this subdomain with its own document root (/var/www/staging).

server {
  server_name staging.yourdomain.com;
  root /var/www/staging;
}

Copy your entire production site to the staging directory. Use rsync for efficiency—it only copies changed files.

rsync -avz /var/www/production/ /var/www/staging/

Dump the production database and import into a new staging database. Update the staging site's config to use the new database.

mysqldump -u root -p production_db > prod_backup.sql
mysql -u root -p staging_db < prod_backup.sql

Change site URLs in the staging database (for WordPress: wp_options siteurl/home). Update config files to use the staging database name, disable email sending, and set payment gateways to test mode.

# WordPress wp-config.php for staging
define('WP_HOME', 'https://staging.yourdomain.com');
define('WP_SITEURL', 'https://staging.yourdomain.com');

Add HTTP basic authentication to prevent public access.

# Nginx
location / {
  auth_basic "Staging";
  auth_basic_user_file /etc/nginx/.htpasswd;
}

Add noindex headers and block in robots.txt.

# Nginx header
add_header X-Robots-Tag "noindex, nofollow";