--- title: "Vercel" siteName: "onlinewachsen.de" url: "https://onlinewachsen.de/glossar/development/vercel/" canonical: "https://onlinewachsen.de/glossar/development/vercel/" markdown: "https://onlinewachsen.de/glossar/development/vercel.md" describedby: "https://onlinewachsen.de/llms.txt" description: "Vercel ist eine Cloud-Plattform für das Hosting und Deployment von Frontend-Anwendungen und serverlosen Funktionen." datePublished: "2026-03-08T13:11:38+00:00" dateModified: "2026-09-23T21:13:16+00:00" author: name: "onlinewachsen" publisher: name: "onlinewachsen.de" url: "https://onlinewachsen.de/" language: "de" contentType: "text/markdown" categories: - "Development" --- # Vercel > Vercel ist eine Cloud-Plattform für das Hosting und Deployment von Frontend-Anwendungen und serverlosen Funktionen. ### Abschnitte Artikel teilen Definition **Vercel** ist eine Cloud-Plattform für das Hosting und Deployment von Frontend-Anwendungen und serverlosen Funktionen. Das Unternehmen wurde 2015 gegründet und entwickelt parallel das React-Framework Next.js. Vercel automatisiert den gesamten Deployment-Prozess: Jeder Push in ein Git-Repository löst automatisch einen Build aus, inklusive Preview-URL, globaler CDN-Verteilung und HTTPS ohne Konfiguration. Code schreiben ist eine Sache, ihn live ins Netz zu bringen eine andere. **Vercel macht aus dem zweiten Schritt eine Nebensache: Git pushen, fertig.** Kostenloses Werkzeug Mit dem **KI-Sichtbarkeits-Check von onlinewachsen.de** lässt sich kostenlos und ohne Anmeldung prüfen, ob ChatGPT, Gemini, Claude und Perplexity ein Unternehmen nennen und richtig beschreiben. Eine E-Mail wird nur verschickt, wenn man sie ausdrücklich anfordert. [Zum KI-Sichtbarkeits-Check](https://onlinewachsen.de/ki-sichtbarkeits-check.md) ## Wie Vercel funktioniert Das Grundprinzip von Vercel ist radikal einfach: Repository verbinden, Vercel erledigt den Rest. Kein Server konfigurieren, kein Deployment-Skript schreiben, keine SSL-Zertifikate beantragen. 01 Repository verbinden GitHub-, GitLab- oder Bitbucket-Repository mit Vercel verknüpfen. Einmalige Einrichtung, danach überwacht Vercel das Repository automatisch auf neue Commits. 02 Automatischer Build Bei jedem Push startet Vercel automatisch den Build-Prozess. Framework wird erkannt, Build-Befehl und Output-Verzeichnis werden ohne Konfiguration ermittelt, für Next.js, React, Vue, Astro und viele weitere. 03 Preview Deployments Jeder Branch und jeder Pull Request erhält automatisch eine eigene Preview-URL. Änderungen können live begutachtet und mit Kunden oder Kollegen geteilt werden, vor dem Merge in den Hauptbranch. 04 Globales CDN Statische Assets werden automatisch auf Vercels Edge Network verteilt, einem globalen CDN mit Standorten weltweit. Inhalte werden vom nächstgelegenen Server ausgeliefert, Ladezeiten sinken messbar. Edge Edge Functions & Serverless Serverlose Funktionen laufen ohne eigenen Server auf Abruf, abgerechnet nach tatsächlicher Nutzung. Edge Functions laufen geografisch nah am Nutzer für minimale Latenz. ## Kernfunktionen im Überblick Deployment Instant Rollback Jedes Deployment wird als unveränderlicher Snapshot gespeichert. Bei Problemen ist der Wechsel zu einer früheren Version ein einziger Klick, ohne Datenverlust. Domains Custom Domains & HTTPS Eigene Domains per DNS-Eintrag verknüpfen. SSL-Zertifikate werden automatisch ausgestellt und erneuert, kein manuelles Zertifikatsmanagement. Config Umgebungsvariablen API-Keys und sensible Konfigurationswerte sicher in Vercels Dashboard hinterlegen, getrennt nach Production, Preview und Development. Nie im Code-Repository. Analytics Web Analytics & Speed Insights Seitenaufrufe, einzigartige Besucher und Core Web Vitals direkt im Vercel-Dashboard, ohne externe Tracking-Skripte und datenschutzkonform. Vercel und Next.js Vercel entwickelt Next.js und optimiert die Plattform direkt darauf. ISR, React Server Components, Edge Middleware und App-Router-Features laufen auf Vercel ohne jede Konfiguration. Auf anderen Plattformen sind teils manuelle Anpassungen nötig oder einzelne Features werden nicht vollständig unterstützt. ## Pläne und Preisstruktur Vercel bietet ein Free Tier, das für persönliche Projekte und kleinere Websites vollständig ausreicht. Für kommerzielle Projekte und Teams ist der Pro-Plan notwendig: | Plan | Preis | Geeignet für | Limits | | --- | --- | --- | --- | | Hobby | Kostenlos | Persönliche Projekte, Open-Source, Experimente | Kein kommerzieller Einsatz erlaubt, begrenzte Builds | | Pro | ab 20 $ / Monat | Kommerzielle Projekte, Agenturen, kleine Teams | Großzügige Limits, kommerzieller Einsatz erlaubt | | Enterprise | Auf Anfrage | Große Teams, strenge Compliance-Anforderungen | Keine Limits, SLA, SSO, dedizierte Unterstützung | Wichtig für Agenturen Das Hobby-Tier verbietet explizit die kommerzielle Nutzung. Wer Kundenprojekte auf Vercel hostet, benötigt mindestens den Pro-Plan. Für Agenturen mit mehreren Kundenprojekten lohnt sich der Vergleich mit Alternativen wie Netlify oder einem eigenen VPS, abhängig vom Traffic und den Anforderungen der Projekte. ## Vercel im Vergleich zu Alternativen Stärken von Vercel - Beste Next.js-Integration, alle Features ohne Konfiguration - Preview Deployments für jeden Branch automatisch - Extrem schnelles globales CDN und Edge Network - Developer Experience kaum zu übertreffen - Analytics und Speed Insights direkt eingebaut Schwächen von Vercel - Kein kommerzieller Einsatz im kostenlosen Plan - Bei hohem Traffic können Kosten schnell steigen - Vendor Lock-in, einige Features nur auf Vercel optimal - Kein klassisches Server-Hosting, nur Serverless und Edge | Plattform | Stärke | Schwäche | Ideal für | | --- | --- | --- | --- | | Vercel | Next.js, DX, Preview URLs | Kosten bei Scale, kein Free-Tier für Kunden | Next.js-Projekte, Agenturen (Pro-Plan) | | Netlify | Formulare, CMS-Integrationen | Langsamere Builds, schwächere Next.js-Unterstützung | Statische Sites, Jamstack ohne Next.js | | Hetzner VPS | Günstig, volle Kontrolle | Eigene Server-Administration nötig | Kostenbewusste Teams mit DevOps-Kenntnissen | | Railway | Datenbanken, Backend-Services | Schwächeres CDN als Vercel | Full-Stack-Apps mit Datenbank | ## Häufige Fragen zu Vercel Kann ich mit Vercel auch PHP oder WordPress hosten? Nein. Vercel ist auf JavaScript-basierte Frontend-Frameworks und serverlose Node.js-Funktionen ausgelegt. PHP, WordPress, Ruby on Rails oder klassische Backend-Anwendungen lassen sich auf Vercel nicht betreiben. Für WordPress empfehlen sich Managed-WordPress-Anbieter oder ein klassischer VPS. Vercel ist die richtige Wahl, wenn das Frontend in Next.js, React, Vue, Nuxt, Svelte oder einem ähnlichen Framework gebaut wird. Was sind Preview Deployments und wozu sind sie nützlich? Jeder Branch und jeder Pull Request erhält auf Vercel automatisch eine eigene, öffentlich zugängliche Preview-URL. Das ermöglicht es, Änderungen live zu testen und Kunden zur Freigabe zu schicken, bevor der Code in den Hauptbranch gemergt und produktiv gesetzt wird. Für Agenturen ist das ein erheblicher Vorteil im Kundenfeedback-Prozess, kein Staging-Server nötig, kein manuelles Deployment. Was ist der Unterschied zwischen Serverless Functions und Edge Functions? Serverless Functions laufen in einer bestimmten Region auf einem Node.js-Server. Sie haben Zugriff auf das vollständige Node.js-Ökosystem, starten aber mit einer leichten Verzögerung, wenn sie nach längerer Inaktivität kalt gestartet werden. Edge Functions laufen auf Vercels Edge Network geografisch nah am Nutzer, starten nahezu ohne Verzögerung und sind deutlich schneller, haben aber eingeschränkten API-Zugriff und können kein vollständiges Node.js verwenden. Edge Functions eignen sich für Authentifizierung, Weiterleitungen und Personalisierung; Serverless Functions für komplexere Backend-Logik. Wie sicher sind Umgebungsvariablen auf Vercel? Umgebungsvariablen werden auf Vercel verschlüsselt gespeichert und sind im Dashboard nicht mehr im Klartext einsehbar, sobald sie gesetzt wurden. Sie lassen sich getrennt für Production, Preview und Development-Umgebungen hinterlegen. Variablen, die mit NEXT\_PUBLIC\_ beginnen, werden in den Browser-Bundle eingebettet und sind öffentlich sichtbar, alle anderen bleiben serverseitig und sind für den Browser nicht zugänglich. Lohnt sich Vercel für eine Agentur mit mehreren Kundenprojekten? Das kommt auf den Stack an. Wer Kundenprojekte in Next.js baut, profitiert erheblich von Vercels nativer Next.js-Unterstützung, automatischen Previews und der schnellen Deployment-Pipeline. Der Pro-Plan ab 20 Dollar monatlich ist für professionelle Kundenprojekte Pflicht. Das Hobby-Tier verbietet kommerziellen Einsatz. Wer viele kleine Projekte betreut oder ein knappes Budget hat, kann mit einem Hetzner-VPS und einem selbst betriebenen Deployment-Setup (etwa Coolify) die Kosten erheblich senken, nimmt aber mehr Verwaltungsaufwand in Kauf. ## Verwandte Begriffe - [HTML](https://onlinewachsen.de/glossar/development/html.md)HTML (HyperText Markup Language) ist eine Auszeichnungssprache zur Strukturierung von Webinhalten. - [React](https://onlinewachsen.de/glossar/development/react.md)React ist eine Open-Source-JavaScript-Bibliothek zur Entwicklung von Benutzeroberflächen, die 2013 von Meta veröffentlicht wurde. - [Next.js](https://onlinewachsen.de/glossar/development/next-js.md)Next.js ist ein Open-Source-Framework für React, das von Vercel entwickelt wird. Zuletzt fachlich geprüft am 23. September 2026 [Zurück zum Glossar](https://onlinewachsen.de/glossar.md) ### KI-Sichtbarkeits check Kennt dein Unternehmen? In 2 Minuten erfährst du, ob und wie KI-Modelle über deine Marke sprechen. ## Weiterführend - [Kostenloser KI-Sichtbarkeits-Check für Unternehmen & Marken](https://onlinewachsen.de/ki-sichtbarkeits-check.md)