
Die meisten Vergleiche von Preview-Umgebungen beschränken sich auf eine Frage: Wird die Anwendung bei jedem Pull-Request automatisch bereitgestellt? Nach diesem Maßstab bestehen Vercel, Netlify und Upsun alle problemlos. Aber diese Frage lässt außer Acht, was sie tatsächlich voneinander unterscheidet, sobald eine Anwendung über ein echtes Backend verfügt: Klont die Preview-Umgebung die gesamte Anwendung, einschließlich Datenbank und Backend-Dienste, oder nur den Frontend-Code?
Genau um diese Lücke – zwischen „das Frontend wird neu bereitgestellt“ und „die gesamte Anwendung, einschließlich ihrer Daten, wird pro Branch isoliert“ – geht es in diesem Beitrag eigentlich.
Eine Full-Stack-Vorschauumgebung ist eine temporäre, isolierte Kopie einer gesamten Anwendung, einschließlich ihrer Backend-Dienste und der Datenbank, die automatisch für einen Branch oder Pull-Request erstellt wird, sodass sie sich wie die Produktivumgebung verhält und nicht nur eine teilweise Annäherung darstellt.
Diese Definition lässt sich in drei Teile untergliedern:
Mit dieser Definition werden die Unterschiede zwischen diesen drei Plattformen viel deutlicher.
2. Netlify hat sein Vorschau-Modell kürzlich weiter ausgebaut als Vercel.
3. Upsun klont standardmäßig den gesamten Anwendungsstack für jeden Zweig.
Man ist schnell versucht, Vorschauumgebungen als eine reine Abhakliste von Features zu betrachten: Klont sie die Datenbank, isoliert sie einen Worker und so weiter? Der schwierigere Teil ist nicht, eine einzige Vorschauumgebung zu erstellen, sondern im Laufe der Zeit Hunderte davon zuverlässig bereitzustellen – ohne dass ein Team still und leise eine zweite Plattform aufbauen und warten muss, nur damit die Vorschauen funktionieren.
Neben dem Klonen der Anwendung selbst umfasst diese Arbeit:
Wenn diese Verantwortung bei der Plattform liegt und nicht bei jedem einzelnen Anwendungsteam, sind Vorschauen nicht mehr etwas, dem Entwickler nur mit Vorsicht vertrauen können, sondern etwas, auf das sie sich standardmäßig verlassen können. Das ist der eigentliche Unterschied zwischen einer Plattform, die einen größeren Teil des Stacks klont, und einer, die weniger klont: Wie viel von dieser Lebenszyklusarbeit wird deinem Team abgenommen.
Vercel | Netlify | Upsun | |
| Frontend-Programmierung pro Vorschau isoliert | Ja | Ja | Ja |
| Datenbank pro Vorschau isoliert | Nicht nativ; erfordert eine Integration eines Drittanbieters wie Neon | Ja, über Netlify Database (nur Postgres), erst kürzlich hinzugefügt | Ja, nativ, jede unterstützte Datenbank oder jeder unterstützte Dienst |
| Backend-Dienste und Worker isoliert | Beschränkt auf serverlose Funktionen | Beschränkt auf serverlose/Edge-Funktionen | Ja, der gesamte Multi-Service-Stack (APIs, Worker, queues und mehr) |
| Einrichtung erforderlich | Keine für das Frontend; Einrichtungsschritte für die Datenbankverzweigung | Keine; nativ für Postgres-Workloads | Keine; wird einmalig in der App-Konfiguration festgelegt |
| Am besten geeignet für | Statische Websites und „Next.js/edge-heavy“-Frontends | JAMstack-Apps, die auf Postgres basieren | Multi-Service-Anwendungen mit echten Backend- und Datenabhängigkeiten |
Entscheide dich für Vercel, wenn deine Anwendung frontendlastig ist, auf Next.js basiert und du die schnellste und ausgereifteste Vorschau-Bereitstellung wünschst, wobei die Datenbankverzweigung bei Bedarf über eine Integration abgewickelt wird.
Entscheide dich für Netlify, wenn dein Stack JAMstack-basiert und auf Postgres aufgebaut ist und du natives Datenbank-Branching pro Vorschau wünschst, ohne einen Drittanbieter-Dienst hinzuzufügen.
Entscheide dich für Upsun, wenn deine Anwendung von echten Backend-Diensten, Datenbanken oder Hintergrundprozessen abhängt und du möchtest, dass sich jeder Zweig wie eine echte Kopie der Produktivumgebung verhält, ohne dass du das selbst einrichten musst.
Wenn dir neben dem Umfang der Vorschauumgebung auch die Flexibilität des cloud-Anbieters wichtig ist, ist das eine damit zusammenhängende Frage, die einen eigenen Vergleich wert ist. Lies unseren Artikel über Upsun, Fly.io und Render zum Thema Multi-Cloud-Bereitstellung, um zu erfahren, wie jede Plattform den Betrieb einer Anwendung über verschiedene Anbieter hinweg handhabt.
Isoliert Vercel eine Datenbank pro Vorschauumgebung?
Nicht von Haus aus. Die Vorschau-Deployments von Vercel isolieren Frontend-Code und -Funktionen, aber die Datenbankverzweigung pro Vorschau erfordert in der Regel eine separate Integration, wie zum Beispiel Neon.
Was macht Netlify Database eigentlich?
Es handelt sich um einen in Netlify integrierten verwalteten Postgres-Dienst, der für jede Deployment-Vorschau automatisch einen neuen Datenbankzweig erstellt, der bei der Erstellung mit einer Kopie der Produktionsdaten gefüllt wird. Es ist eine neue Ergänzung der Netlify-Plattform und nicht etwas, das schon seit Jahren verfügbar ist.
Was klont Upsun, was Vercel und Netlify nicht tun?
Upsun klont den gesamten Anwendungsstack pro Zweig: Code, Konfiguration, alle Datenbanken oder Caches, Suchindizes und Dateien – unabhängig davon, welche Backend-Dienste die Anwendung nutzt. Zugangsdaten, die nur für die Produktivumgebung bestimmt sind, werden standardmäßig nicht einbezogen, sodass Vorschauen keine sensiblen Geheimnisse übernehmen, es sei denn, du konfigurierst dies ausdrücklich. Weder Vercel noch Netlify isolieren von Haus aus ein vollständiges Multi-Service-Backend auf diese Weise.
Muss die Vorschauumgebung von Upsun irgendwie eingerichtet werden? Das
Klonen der Anwendung, ihrer Dienste und ihrer Daten erfordert keine Integration von Drittanbietern und keine Einrichtung pro Branch; es wird einmalig in der Konfigurationsdatei der Anwendung definiert. Das Maskieren sensibler Daten, bevor sie in eine Vorschau gelangen, ist ein separater, einmaliger Schritt, der über Sanitization-Hooks konfiguriert wird – und nicht etwas, das automatisch und ganz ohne Einrichtung geschieht.
Was passiert mit einer Upsun-Vorschauumgebung, nachdem ein Zweig zusammengeführt wurde?
Sie wird automatisch abgebaut. Vorschauen werden beim Push automatisch erstellt und nach der Zusammenführung des Zweigs automatisch entfernt, sodass keine übrig gebliebene Infrastruktur vorhanden ist, die man manuell aufspüren oder bereinigen müsste.
Welche Plattform eignet sich besser für eine statische Website als für eine Full-Stack-App? Vercel oder Netlify. Das Klonen von Full-Stack-Vorschauen löst ein Problem, das bei einer statischen Website oder einem schlanken Frontend in der Regel gar nicht auftritt; daher ist das schlankere Vorschau-Modell auf beiden Plattformen besser geeignet – und keineswegs minderwertiger.