← Back to Dashboard

ListingWOW OpsGUIDE

How to manage content, deploy changes, and work with Claude on the ListingWOW marketing sites.

Contents

Overview — How it all works

ListingWOW has 5 country marketing sites (listingwow.fr, .de, .es, .it, .ch), all running on one server. This dashboard lets you edit content and deploy updates without touching code.

There are two types of changes you can make:

NO CODE Content changes

Prices, service descriptions, testimonials, FAQs, collections, membership details, image URLs. Edit these directly in this dashboard, then deploy.

WITH CLAUDE Component changes

Layout, design, animations, CSS, new sections, visual features. These require editing the source code files. Download the source from this dashboard, upload to a Claude chat, describe what you want changed, then upload the updated files back.

Making content changes

Step 1: Edit

  1. Go to Content in the sidebar
  2. Select the market you want to edit (e.g. 🇪🇸 Spain)
  3. Use the tabs to switch between: Services, Pricing, Details, Testimonials, Collections, Membership, Meta
  4. Click any item to expand it and edit the fields
  5. Hit 💾 Save when done

⚠️ Saving stores your changes but does NOT push them live. You must Deploy to make changes visible on the website.

Step 2: Deploy

  1. Go to Deploy in the sidebar
  2. Select the market(s) you just edited
  3. Hit the green ▲ Deploy button
  4. Wait for it to complete (usually 5-15 seconds)
  5. Visit the live site to verify

What you can edit per market:

Switzerland (CH) is special:

CH is trilingual — you'll see DE / FR / IT language tabs at the top. Each language has its own service names, descriptions, testimonials, and collections. Edit each language separately. Prices are shared across all three languages.

Deploying changes

When you deploy, the system:

  1. Takes the JSON data you edited and generates a new services.js file
  2. Commits the change to git (local version history)
  3. Runs npm run build to compile the site
  4. Copies the built files to the live web directory
  5. Reloads Nginx
  6. Pushes to GitHub backup

You can deploy one market at a time or all at once. Each deploy takes about 5-15 seconds (first deploy for a market may take longer due to dependency installation).

The Deploy History table shows all past deploys with status and duration.

Making component/design changes (with Claude)

For changes to how the site looks (not what it says) — layout, animations, colours, new sections, fonts — you need to edit the React component files. Here's the workflow:

Step 1: Download the source

Click the 📦 icon next to any market in the Overview, or go to Images and use the download buttons. This gives you a zip of the full source code for that market.

Step 2: Chat with Claude

  1. Open a new chat at claude.ai (use the ListingWOW project if set up)
  2. Upload the source zip you just downloaded
  3. Optionally upload a screenshot of the current site for reference
  4. Describe what you want changed
  5. Claude will give you updated component files

Step 3: Upload the updated files to the server

From your Mac terminal (not the VPS SSH session):

scp ~/Downloads/updated-file.jsx root@188.245.158.174:/opt/listingwow-src/es/src/components/

Replace es with the market you're updating, and adjust the file path as needed.

Step 4: Deploy from the dashboard

Go to Deploy, select the market, hit deploy. The updated components are now live.

Key files and what they control:

⚠️ Never edit src/data/services.js manually — it gets overwritten on every deploy. All content goes through the dashboard.

Managing images

Go to Images in the sidebar. There are two levels:

Images are URLs pointing to your Hetzner Object Storage (S3). Upload images to S3 first, then paste the URL into the dashboard field.

GitHub backup

Every deploy automatically pushes to a private GitHub repo at github.com/arerowow/listingwow. This means:

If you make changes via SSH (not through the dashboard), push manually:

cd /opt/listingwow-src
git add -A
git commit -m "Description of what changed"
git push origin main

Access & logins needed

To fully manage the sites, you need access to:

1. This dashboard (ops.listingwow.eu)

For content editing and deploys. Login with username and password. Ask Alexandru for credentials.

2. VPS SSH access

For uploading component files after Claude edits them. Needed only for design/code changes, not content.

ssh root@188.245.158.174

Ask Alexandru for the root password.

3. Claude AI (claude.ai)

For making component/design changes. Use the ListingWOW project which has context about the site architecture. Free to use, just needs a Claude account.

4. GitHub (github.com/arerowow/listingwow)

Only needed if you want to view version history or recover files. The dashboard handles pushes automatically.

5. Hetzner Cloud (console.hetzner.cloud)

Only needed for server management — restarting the VPS, resetting root password, managing DNS. Not needed for day-to-day content work.

Troubleshooting

Deploy failed

SSH into the VPS and run the deploy manually to see the full error:

bash /opt/listingwow-ops/scripts/deploy.sh es /opt/listingwow-ops/data/es.json /opt/listingwow-ops/data/_shared.json 2>&1

Replace es with the market that failed. Common issues: missing node_modules (run cd /opt/listingwow-src/es && npm install), or a syntax error in a component file.

Dashboard not loading

Check if the service is running:

systemctl status listingwow-ops

Restart it:

systemctl restart listingwow-ops

Check logs:

journalctl -u listingwow-ops --no-pager -n 30

Site looks wrong after deploy

The previous version is automatically backed up. Check /var/www/ for backup folders:

ls -la /var/www/ | grep listingwow-es

To rollback, rename the backup back:

mv /var/www/listingwow-es /var/www/listingwow-es-broken
mv /var/www/listingwow-es_backup_YYYYMMDD_HHMMSS /var/www/listingwow-es

SSL certificate expiring

Renew from the VPS:

certbot renew

Or renew a specific domain:

certbot --nginx -d listingwow.es -d www.listingwow.es --non-interactive --agree-tos -m info@listingwow.eu

Changes saved but not showing after deploy

Clear your browser cache or open in incognito. The built files have cache-busting hashes, but your browser might be caching the HTML page itself.

ListingWOW Ops Dashboard — Built for RE Rocket Limited