Wie Sie mit Serverless Functions (Vercel, Netlify) Backend-Kosten um 80% senken – ohne eigenen Server

Vor ein paar Jahren war es noch selbstverständlich: Wer eine Website mit dynamischen Funktionen wie Kontaktformularen, Zahlungsabwicklungen oder automatisierten E-Mail-Benachrichtigungen betreiben wollte, musste entweder einen eigenen Server mieten oder auf teure Cloud-Dienste wie AWS EC2 oder Google Compute Engine zurückgreifen. Die Rechnung war einfach: Je mehr Traffic, desto höher die Kosten – und das oft für Funktionen, die nur wenige Sekunden pro Nutzer in Anspruch nehmen.

Heute sieht die Welt anders aus. Mit Serverless Functions, wie sie Plattformen wie Vercel und Netlify anbieten, lassen sich diese Aufgaben oft zu einem Bruchteil der Kosten erledigen – ohne dass Sie sich um Serverwartung, Skalierung oder Sicherheitsupdates kümmern müssen. In diesem Artikel zeige ich Ihnen, wie Sie mit diesem Ansatz bis zu 80% der Backend-Kosten einsparen, welche Anwendungsfälle sich besonders lohnen und worauf Sie bei der Umsetzung achten sollten.

Warum Serverless Functions die Kostenexplosion stoppen

Der größte Kostentreiber bei klassischen Backend-Lösungen ist die ständige Verfügbarkeit von Ressourcen. Ein Server läuft 24/7, selbst wenn er nur fünf Minuten am Tag wirklich gebraucht wird. Bei Serverless Functions zahlen Sie dagegen nur für die tatsächliche Ausführungszeit – und die ist bei den meisten Anwendungsfällen verschwindend gering.

Nehmen wir ein typisches Kontaktformular als Beispiel:

Ein Nutzer füllt das Formular aus und klickt auf „Absenden“.
Die Serverless Function wird aufgerufen, validiert die Daten, sendet eine E-Mail an Sie und speichert die Eingaben in einer Datenbank (z. B. Firebase oder Airtable).
Die gesamte Ausführungszeit beträgt vielleicht 200 Millisekunden.
Bei Vercel kostet das 0,0000002 Dollar (ja, sechs Nullen nach dem Komma).

Selbst wenn Sie 10.000 Formular-Einreichungen im Monat haben, läge die Rechnung bei rund 2 Cent. Zum Vergleich: Ein kleiner Virtual Private Server (VPS) bei Hetzner oder DigitalOcean kostet mindestens 5–10 Euro pro Monat – und das nur für die Bereitstellung, ganz egal, ob jemand das Formular nutzt oder nicht.

Wo die größten Einsparungen liegen

Die größten Kostenvorteile erzielen Sie bei kurzlebigen, ereignisgesteuerten Aufgaben, die nicht dauerhaft laufen müssen. Typische Beispiele aus der Praxis:

Verarbeitung von Formulardaten Ob Newsletter-Anmeldungen, Support-Anfragen oder Umfragen – statt einen ganzen Server für die Datenverarbeitung zu betreiben, erledigt eine Serverless Function die Arbeit in Sekundenbruchteilen.
Zahlungsabwicklungen mit Stripe, PayPal & Co. Statt einen eigenen Payment-Server zu hosten, können Sie Webhooks von Stripe oder PayPal direkt in einer Serverless Function verarbeiten, Bestellbestätigungen versenden und Daten in Ihrer Buchhaltungssoftware aktualisieren.
Automatisierte Benachrichtigungen Erinnern Sie Kunden an ausstehende Rechnungen, senden Sie personalisierte Dankes-E-Mails nach einem Kauf oder informieren Sie Ihr Team über neue Leads – alles ohne Cronjobs auf einem eigenen Server.
Datenverarbeitung im Hintergrund Beispiel: Ein Nutzer lädt ein Bild hoch, und die Function optimiert es automatisch für Web, speichert es in einem Cloud-Storage und generiert eine Vorschau. Kein manueller Aufwand, keine Serverlast.
API-Gateways für DrittanbieterSie möchten Daten von einer externen API (z. B. Wetterdaten, Börsenkurse) abrufen, aber nicht jeden Nutzer direkt darauf zugreifen lassen? Eine Serverless Function dient als Puffer, cachingt Antworten und reduziert so API-Aufrufe (und Kosten).

Vercel vs. Netlify: Welche Plattform passt zu Ihnen?

Beide Anbieter bieten Serverless Functions an, aber mit unterschiedlichen Stärken und Preismodellen. Hier eine kurze Gegenüberstellung für den DACH-Markt:

Vercel (ehemals Zeit)

Beste Wahl für: Entwickler, die bereits mit Next.js arbeiten oder hochskalierbare Anwendungen brauchen.
Kosten:
- Die ersten 125.000 Ausführungen pro Monat sind kostenlos (bei Vercel Hobby).
- Danach: $0,20 pro Million Ausführungen (Stand 2026).
- Speicher und Bandbreite werden separat abgerechnet, aber die Preise sind fair.
Vorteile:
- Nahtlose Integration mit Next.js (ideal für Full-Stack-Projekte).
- Edge Functions für extrem schnelle Antwortzeiten (z. B. für A/B-Tests oder Geo-Routing).
- Gute Dokumentation und große Community.
Nachteile:
- Etwas komplexer für Einsteiger, wenn Sie nicht mit React/Next.js arbeiten.

Netlify

Beste Wahl für: Statische Websites (z. B. mit Hugo, Gatsby) oder einfache Backend-Aufgaben.
Kosten:
- 125.000 kostenlose Ausführungen pro Monat (bei Netlify Free).
- Danach: $0,25 pro 1.000 Ausführungen (etwas teurer als Vercel, aber einfacher zu verstehen).
- Inkludiert generösere Bandbreite im Free-Tier.
Vorteile:
- Einfacheres Setup für Nicht-Entwickler (z. B. über die Netlify-Oberfläche).
- Gute Integration mit Git (automatische Deployments bei Code-Änderungen).
- Ideal für kleine Unternehmen oder Freelancer, die schnell loslegen wollen.
Nachteile:
- Weniger leistungsstark für komplexe Anwendungen.
- Keine Edge Functions (nur klassische Serverless).

Für wen lohnt sich was?

Wenn Sie schon Next.js nutzen oder eine hochperformante Lösung brauchen, ist Vercel die bessere Wahl.
Wenn Sie einfache Automatisierungen (z. B. für ein Kontaktformular) suchen und keine Lust auf Konfiguration haben, ist Netlify die pragmatischere Option.

Schritt-für-Schritt: Ein Kontaktformular mit Serverless umsetzen

Um Ihnen zu zeigen, wie einfach das Ganze ist, gehen wir ein konkretes Beispiel durch: Ein Kontaktformular, das Daten an eine E-Mail sendet und in einer Datenbank speichert – ohne eigenen Server.

1. Projekt einrichten

Bei Vercel: Erstellen Sie ein neues Next.js-Projekt und fügen Sie im Ordner pages/api eine Datei namens contact.js hinzu.
Bei Netlify: Erstellen Sie ein neues Site-Projekt und legen Sie im Ordner netlify/functions eine Datei contact.js an.

2. Die Serverless Function schreiben

Hier ein minimalistisches Beispiel für Vercel/Next.js (mit Nodemailer für E-Mails und Firebase als Datenbank):

import nodemailer from 'nodemailer';
import { initializeApp } from 'firebase/app';
import { getFirestore, collection, addDoc } from 'firebase/firestore';

// Firebase konfigurieren (Daten aus Ihrem Firebase-Projekt)
const firebaseConfig = {
  apiKey: "IHR_API_KEY",
  projectId: "IHRE_PROJECT_ID",
  // ...
};

const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

// E-Mail-Transporter (z. B. mit SendGrid oder einem SMTP-Anbieter)
const transporter = nodemailer.createTransport({
  host: "smtp.sendgrid.net",
  port: 587,
  secure: false,
  auth: {
    user: "apikey",
    pass: "IHR_SENDGRID_API_KEY",
  },
});

export default async function handler(req, res) {
  if (req.method !== 'POST') {
    return res.status(405).json({ message: 'Nur POST erlaubt' });
  }

  const { name, email, message } = req.body;

  try {
    // 1. Daten in Firebase speichern
    await addDoc(collection(db, "contacts"), {
      name,
      email,
      message,
      timestamp: new Date(),
    });

    // 2. E-Mail versenden
    await transporter.sendMail({
      from: '"Ihre Website" <kontakt@ihre-domain.de>',
      to: "ihre@email.de",
      subject: `Neue Kontaktanfrage von ${name}`,
      text: `Name: ${name}\nE-Mail: ${email}\nNachricht: ${message}`,
    });

    return res.status(200).json({ success: true });
  } catch (error) {
    console.error(error);
    return res.status(500).json({ message: 'Etwas ist schiefgelaufen' });
  }
}

3. Das Frontend anbinden

Im HTML/Javascript Ihrer Website rufen Sie die Function einfach per fetch auf:

async function handleSubmit(e) {
  e.preventDefault();
  const formData = new FormData(e.target);
  const data = Object.fromEntries(formData);

  const response = await fetch('/api/contact', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(data),
  });

  if (response.ok) {
    alert('Danke für Ihre Nachricht!');
  } else {
    alert('Leider ist ein Fehler aufgetreten.');
  }
}

4. Deployen und testen

Vercel: git push – die Function wird automatisch deployed.
Netlify: netlify deploy oder per Drag & Drop in der Oberfläche.

Kostencheck:

Die Function läuft nur, wenn jemand das Formular abschickt.
Bei 1.000 Einreichungen/Monat: Kosten = ~0,02 € (ja, zwei Cent).
Zum Vergleich: Ein kleiner VPS bei Hetzner kostet mindestens 5 €/Monat – also 250x teurer.

Wann Serverless Functions nicht die beste Wahl sind

So verlockend die Kosteneinsparungen auch sind: Serverless ist nicht für jeden Anwendungsfall geeignet. Hier die wichtigsten Grenzen und Fallstricke:

Lange Laufzeiten Serverless Functions haben ein Timeout (bei Vercel z. B. 10 Sekunden im Free-Tier, bei Netlify 5 Sekunden). Wenn Ihre Aufgabe länger dauert (z. B. Video-Rendering), brauchen Sie eine andere Lösung.
Kalte Starts (Cold Starts) Wird eine Function längere Zeit nicht aufgerufen, muss sie erst „hochfahren“, was zu einer Verzögerung von 100–500 ms führen kann. Für die meisten Anwendungen (z. B. Formulare) ist das kein Problem, aber für Echtzeit-Anwendungen wie Chats kann es stören.
Komplexe Datenverarbeitung Wenn Sie große Datenmengen verarbeiten (z. B. Machine Learning auf Bildern), sind Serverless Functions oft zu langsam oder zu teuer. Hier lohnt sich ein dedizierter Server oder eine spezialisierte Cloud-Lösung wie AWS Lambda mit mehr Ressourcen.
Vendor Lock-in Die Functions sind plattformspezifisch. Ein Wechsel von Vercel zu Netlify erfordert Anpassungen im Code. Wenn Sie maximale Flexibilität brauchen, könnte ein selbstgehosteter Serverless-Ansatz (z. B. mit OpenFaaS) sinnvoller sein – allerdings mit mehr Aufwand.

Wie Sie noch mehr sparen: Tipps für die Praxis

Caching nutzen Wenn Ihre Function oft dieselben Daten abruft (z. B. Wetterdaten für eine Stadt), cachen Sie die Antworten mit cache-control Headers oder einem Dienst wie Redis. So vermeiden Sie unnötige Aufrufe.
Datenbanken clever wählen
- Für einfache Daten: Firebase Firestore oder Airtable (kostenlos für kleine Projekte).
- Für komplexere Abfragen: Supabase (Open-Source-Alternative zu Firebase mit Postgres).
- Vermeiden Sie teure Datenbanken wie MongoDB Atlas, wenn Sie nur wenige Lese-/Schreiboperationen haben.
Webhooks statt Polling Statt alle 5 Minuten eine API abzufragen („Gibt es neue Bestellungen?“), lassen Sie sich per Webhook benachrichtigen. Das spart unnötige Function-Aufrufe.
Monitoring einrichten Sowohl Vercel als auch Netlify bieten Dashboards, in denen Sie sehen, wie oft Ihre Functions aufgerufen werden und wie lange sie laufen. Nutzen Sie das, um Kostenfallen früh zu erkennen.
Testen im Free-Tier Beide Anbieter haben großzügige kostenlose Kontingente. Nutzen Sie sie, um ausgiebig zu testen, bevor Sie in bezahlte Pläne wechseln.

Fazit: Wann lohnt sich der Umstieg?

Serverless Functions sind keine Zauberei, aber sie können Ihre Backend-Kosten dramatisch senken – besonders wenn Sie:

✅ Kleine bis mittlere Projekte betreiben (z. B. Unternehmenswebsites, Blogs mit Formularen, einfache Shops). ✅ Ereignisgesteuerte Aufgaben haben, die nicht dauerhaft laufen müssen. ✅ Keine Lust auf Serverwartung haben und sich auf Ihr Kerngeschäft konzentrieren wollen.

Für wen lohnt es sich nicht?

Wenn Sie Echtzeit-Anwendungen mit WebSockets oder langen Verbindungen brauchen.
Wenn Ihre Functions mehr als 10 Sekunden Laufzeit benötigen.
Wenn Sie maximale Kontrolle über die Infrastruktur brauchen (z. B. für Compliance-Gründe).

Bereit, Ihre Backend-Kosten zu halbieren?

Wenn Sie unsicher sind, ob Serverless Functions für Ihr Projekt die richtige Wahl sind oder Hilfe bei der Umsetzung brauchen, vereinbaren Sie einfach einen unverbindlichen Beratungstermin. Gemeinsam analysieren wir Ihre Anforderungen und zeigen Ihnen, wie Sie mit minimalem Aufwand maximale Einsparungen erzielen.

Jetzt Beratungstermin buchen →