🚀 Angular Deployment – Docker, CI/CD & Preview Environments

Ein gutes Angular-Projekt ist nur so gut wie sein Deployment.
Ob Feature-Preview oder Production-Release: Automatisierung ist Key.

🧱 1. Angular Build optimieren

ng build --configuration production

• budgets, fileReplacements, sourceMap → sauber konfigurieren
• Output in /dist – ready für Docker oder Static Hosting

🐳 2. Dockerfile für Angular-Projekt

FROM nginx:alpine
COPY ./dist/cloudfusion-it /usr/share/nginx/html

• Einfaches Static Hosting mit NGINX
• Optional: Custom nginx.conf für Routing

⚙️ 3. GitHub Actions Workflow

name: Deploy Angular App
on:
  push:
    branches: [main]

jobs:
  build-deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: Setup Node
        uses: actions/setup-node@v3
        with:
          node-version: 18
      - run: npm ci
      - run: npm run build
      - run: echo "🚀 Build completed!"

➡ Erweitern mit Deploy zu Netlify, Vercel, DockerHub, Azure usw.

🔍 4. Preview Environments

• Für jede Pull-Request eine eigene Umgebung
• Tools: Vercel, Netlify, Heroku, Render

vercel --prod

➡ Review + Test vor Merge

✅ Fazit

Angular-Projekte brauchen CI/CD, damit du schnell & sicher lieferst.
Docker + GitHub Actions + Hosting-Provider = 🔥 Deployment Pipeline

📍 Nächster Beitrag:
🔐 Angular Auth Strategies – Best Practices für moderne Authentifizierung