---

name: build-and-deploy description: Build the React application and deploy to Hostinger via SSH. Use when user asks to deploy, publish, or push changes to production/hosting.

Build and Deploy to Hostinger via SSH

This skill handles building the React application and deploying it directly to Hostinger's web server using SSH/rsync.

Connection Details

• Host: 46.202.197.28
• Port: 65002
• Username: u371144873
• Deploy Path: /home/u371144873/domains/holytrinitybh.com/public_html/
• Authentication: SSH key (id_rsa or id_ed25519)

Process

1. Verify Current State

Copygit status

Check for uncommitted changes. If there are important changes, commit them to main first.

2. Install Dependencies (if needed)

Copynpm install

3. Build the Application

Copynpm run build

This creates the dist/ folder with production-ready files.

4. Deploy via SSH using rsync

Deploy the built files directly to Hostinger's server:

Copyrsync -avz --delete -e "ssh -p 65002" dist/ u371144873@46.202.197.28:/home/u371144873/domains/holytrinitybh.com/public_html/

rsync flags explained:

• -a: Archive mode (preserves permissions, timestamps, etc.)
• -v: Verbose output
• -z: Compress during transfer
• --delete: Remove files on server that don't exist in dist/
• -e "ssh -p 65002": Use SSH on port 65002

5. Verify Deployment

Copyssh -p 65002 u371144873@46.202.197.28 "ls -lh /home/u371144873/domains/holytrinitybh.com/public_html/index.html"

Important Notes

• Deployment is instant - no waiting for git pulls
• The --delete flag ensures old files are removed from the server
• SSH key authentication is used (no password required)
• Always build before deploying to ensure latest changes are included
• The site will update immediately after rsync completes

Common Issues

"Permission denied (publickey)":

• Ensure your SSH key is added to Hostinger
• Check that SSH is enabled in Hostinger panel
• Verify the SSH key at ~/.ssh/id_rsa or ~/.ssh/id_ed25519 is correct

"node_modules not found" or "vite: command not found":

• Run npm install first

Changes not appearing on site:

• Clear browser cache (Cmd+Shift+R or Ctrl+Shift+R)
• Check if build succeeded without errors
• Verify rsync completed successfully

"rsync: command not found":

• rsync should be pre-installed on macOS and Linux
• On Windows, use WSL or install rsync via Cygwin

Example Usage

User: "Deploy to production" User: "Push latest changes to hosting" User: "Build and deploy to Hostinger"

The skill will:

1. Verify git status
2. Build the application with npm run build
3. Deploy files via rsync to Hostinger SSH server
4. Verify deployment succeeded
5. Confirm the site is updated