Back to Blog

Server Management for Frontend Developers: A Practical Guide

January 22, 20262 min read
DevOpsLinuxDeployment

Why Frontend Devs Should Learn Server Basics

Platforms like Vercel and Netlify are amazing, but understanding what happens behind the scenes makes you a better developer. Plus, some projects need a VPS — and that's where basic server skills shine.

Essential Linux Commands

# Check server resources
htop                    # Interactive process viewer
df -h                   # Disk space
free -m                 # Memory usage

# Service management
systemctl status nginx  # Check service status
journalctl -u myapp -f  # Stream logs

# File operations
chmod 755 deploy.sh     # Make script executable
chown -R www-data:www-data /var/www  # Fix permissions

Setting Up a Node.js App

1. Process Manager (PM2)

pm2 start ecosystem.config.js
pm2 save
pm2 startup  # Auto-restart on reboot

2. Nginx Reverse Proxy

server {
    listen 80;
    server_name yourdomain.com;

    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
    }
}

3. SSL with Certbot

certbot --nginx -d yourdomain.com
# Auto-renewal is configured automatically

CI/CD on a Budget

GitHub Actions + SSH deployment is surprisingly effective:

- name: Deploy
  uses: appleboy/ssh-action@v1
  with:
    host: ${{ secrets.HOST }}
    username: deploy
    key: ${{ secrets.SSH_KEY }}
    script: |
      cd /var/www/myapp
      git pull
      pnpm install
      pnpm build
      pm2 restart all

Key Takeaway

Start with a $5/month VPS, deploy a side project, and learn by doing. The confidence of knowing you can manage your own infrastructure is invaluable.

All Posts