Deployment bei Cloud-Anbietern

Hosten Sie Ihre Templates bei beliebten Cloud-Anbietern mit deren Standard-Workflows.

Überblick

Sie können Ihre Blog- oder Docs-Templates auf jeder Plattform bereitstellen, die React- oder statische Websites hosten kann.

Vercel

Bereitstellung auf Vercel mit Git-basierten Deployments und automatischen Vorschauen.

Einrichtung

1. Pushen Sie Ihr Template zu GitHub
2. Gehen Sie zu vercel.com
3. Importieren Sie Ihr Repository
4. Konfigurieren Sie Umgebungsvariablen
5. Deployen

Umgebungsvariablen

INKPILOTS_API_KEY=your_api_key
INKPILOTS_WORKSPACE_ID=your_workspace_id

Funktionen

• ✓ Automatisches HTTPS
• ✓ Vorschau-Deployments
• ✓ Edge Functions
• ✓ Analytics
• ✓ Eigene Domains

Netlify

Verwenden Sie Netlify für einfaches statisches Hosting mit integriertem CI/CD.

Einrichtung

1. Pushen Sie Ihr Template zu GitHub
2. Gehen Sie zu netlify.com
3. Importieren Sie Ihr Repository
4. Build-Befehl setzen: npm run build
5. Publish-Verzeichnis setzen: .next oder out
6. Deployen

Umgebungsvariablen

Im Netlify-Dashboard unter Site Settings > Environment Variables hinzufügen.

Funktionen

• ✓ Kontinuierliche Bereitstellung
• ✓ Formularverarbeitung
• ✓ Serverless Functions
• ✓ Split-Tests
• ✓ Eigene Domains

AWS Amplify

Deployen Sie auf AWS mit vollständiger Cloud-Infrastruktur.

Einrichtung

# Amplify CLI installieren
npm install -g @aws-amplify/cli

# Initialisieren
amplify init

# Hosting hinzufügen
amplify add hosting

# Deployen
amplify publish

Funktionen

• ✓ Vollständige AWS-Integration
• ✓ Authentifizierung
• ✓ API (GraphQL/REST)
• ✓ Storage
• ✓ Globales CDN

Eigene Infrastruktur

Nutzen Sie Ihre eigene Infrastruktur auf AWS, Azure oder anderen Anbietern mit Container- oder statischem Hosting.

Docker-Deployment

FROM node:20-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM node:20-alpine AS runner
WORKDIR /app
COPY --from=builder /app/.next/standalone ./
COPY --from=builder /app/.next/static ./.next/static
COPY --from=builder /app/public ./public

EXPOSE 3000
CMD ["node", "server.js"]

Statischer Export

Für statisches Hosting (S3, Azure Blob usw.):

# Zu next.config.js hinzufügen
output: 'export'

# Build
npm run build

# Verzeichnis 'out' zu Ihrem Host hochladen

Domain-Konfiguration

Einrichtung einer eigenen Domain

1. Domain beim Hosting-Anbieter hinzufügen
2. DNS-Einträge aktualisieren:
   • A-Record: @ → Hosting-IP
   • CNAME: www → Hosting-Domain
3. Auf DNS-Propagation warten
4. HTTPS aktivieren

Best Practices

• Umgebungsvariablen verwenden - Geheimnisse nie committen
• Caching aktivieren - Performance verbessern
• Monitoring einrichten - Fehler und Performance überwachen
• Weiterleitungen konfigurieren - Alte URLs behandeln
• Vor Produktion testen - Preview-Deployments nutzen

Nächste Schritte

• Zurück zur Übersicht
• API-Zugriff konfigurieren