Ship Mode Active Nexray Stage 4: DevOps & Cloud — your interactive learning companion

Pro Tip

DevOps is about automating everything between "code finished" and "live for users".

In This Stage

What is DevOps? Advanced Git & Branching CI/CD with GitHub Actions Docker & Containerization Cloud Hosting: Vercel vs AWS Monitoring & Error Tracking Stage 4 Project

What is DevOps?

The Infinite Loop

DevOps is the culture and practice of combining Software Development (Dev) and IT Operations (Ops). It aims to shorten the systems development life cycle and provide continuous delivery with high software quality.

Continuous Integration (CI)
Continuous Deployment (CD)
Infrastructure as Code (IaC)
Automated Monitoring

🌿 Advanced Git & Branching

In a professional team, you never push directly to main. You use a branching strategy to ensure code quality.

BASH — Pro Git Workflow

# 1. Create a feature branch
git checkout -b feature/new-login-ui

# 2. Work and commit
git add .
git commit -m "feat: design new login glassmorphism UI"

# 3. Pull latest main to stay up to date
git pull origin main --rebase

# 4. Push branch to GitHub
git push origin feature/new-login-ui

# 5. Open a Pull Request (PR) on GitHub
# Wait for CI tests to pass and peers to review

🤖 CI/CD with GitHub Actions

GitHub Actions automatically runs your tests and deploys your code every time you push.

YAML — /.github/workflows/deploy.yml

name: Production Build
on:
  push:
    branches: [ main ]

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      
      - name: Install dependencies
        run: npm install
        
      - name: Run Tests
        run: npm test
        
      - name: Build Project
        run: npm run build
        
      - name: Deploy to Vercel
        run: npx vercel --token ${{ secrets.VERCEL_TOKEN }} --prod

🐋 Docker & Containerization

Docker ensures your app runs perfectly on ANY computer by bundling it with all its dependencies into an "image".

Dockerfile — Container Configuration

FROM node:20-alpine
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
EXPOSE 3000
CMD ["npm", "start"]

☁️ Cloud Hosting: Vercel vs AWS

▲ Vercel / Netlify

Best for: Frontends, Nexray-like sites, React apps. Fast, global CDN, zero-config CI/CD.

🟠 AWS / GCP

Best for: Complex backends, huge databases, custom scaling. Harder to learn but powers the entire web.

🚀 Stage 4 Project: Automated Pipeline

Set up a GitHub repository for your project

Create a GitHub Action that runs "npm test" on every PR

Auto-deploy your main branch to Vercel or Netlify

Configure Environment Variables for production