Ship 26 NYC - Workshop - Eine Produktions-App mit v0 und Snowflake entwickeln

VVercel
Computing/SoftwareInternet Technology

Transcript

00:00:00Hallo zusammen und willkommen zum Workshop für die Integration von v0 und Snowflake. Das ist die Ausgabe
00:00:12aus New York City. Wir haben vor zwei Wochen dasselbe in London gemacht. Diese Session richtet sich an
00:00:23Enterprise-Kunden von Snowflake und v0 Enterprise-Kunden. Sie benötigen diese beiden Integrationen,
00:00:31um diese Funktion nutzen zu können. Ich stelle mich kurz vor: Ich bin Dom, ich habe vor vier
00:00:39einhalb Jahren als Ingenieur bei Vercel angefangen. Heute bin ich als Forward Deployed Engineer tätig und helfe den größten
00:00:47Vercel-Enterprise-Kunden bei der Einfügung verschiedener Frameworks, KI-Workloads und Agenten
00:00:57und unterstütze allgemein bei der Nutzung der Plattform. Jordan? Ja, hi, mein Name ist Jordan, ich bin von Snowflake. Ich bin seit
00:01:05zwei Jahren dort, bin Staff Software Engineer und habe auf Snowflake-Seite an dieser Integration gearbeitet.
00:01:12Super. Werfen wir einen Blick auf die Folie. Genau, im Grunde geht es bei
00:01:23dieser Integration darum, dass Sie Ihre Apps im v0-Tool von Vercel bauen. Das ist ein agentisches Codierungs-Tool von Vercel
00:01:30mit erstklassiger Entwicklererfahrung auf Basis von Next.js. Sie deployen
00:01:37diese App auf Snowflake. Sobald sie auf Snowflake deployt ist, läuft sie vollständig in Ihrem Snowflake-Konto.
00:01:41Sie wird also mit einer Snowflake-Rolle bereitgestellt und nutzt RBAC von Snowflake,
00:01:47Single Sign-On, falls vorhanden, und alles, was Snowflake bietet. Und es ist komplett
00:01:53getrennt – es läuft also sicher in Ihrem Konto. Die Idee ist, das Beste aus beiden Welten zu kombinieren:
00:02:01die Developer Experience von Vercel und die Enterprise-Daten, Compliance und RBAC von Snowflake.
00:02:10Ein kurzer Hinweis vorab: Normalerweise sind Workshops praktische Übungen zum Mitmachen.
00:02:17Wie ich jedoch eingangs erwähnte, müssen Sie auf beiden Seiten Enterprise-Kunde sein. Deshalb
00:02:22zeigen wir Ihnen Demos – genau genommen mehrere Demos. Danach wechseln wir zu einem interaktiven Teil,
00:02:29in dem wir gemeinsam mit dem Publikum sehen, was wir in v0 mit einem Beispiel-Datensatz von Snowflake bauen können, gefolgt von einer
00:02:38Q&A-Runde. Hier möchte ich zeigen, wie wir bei Vercel diese Integration nutzen. Es gibt im Wesentlichen
00:02:48drei Säulen: Der Standardfall ist das Erstellen interaktiver Echtzeit-Dashboards. GTM-Teams nutzen sie,
00:02:58um Pipelines, Produktnutzung und Geschwindigkeit anzuzeigen. Man muss keine SQL-Kenntnisse haben, sondern kann
00:03:07einfach per Prompt ein Dashboard erstellen. Das ist der typische Anwendungsfall für diese
00:03:17Integration. Verschiedene Teams nutzen sie auch für Produktakzeptanz oder maßgeschneiderte BI –
00:03:31also personalisierte Apps, die wir später noch zeigen. Und mein Favorit, den ich erst kürzlich
00:03:39bei meinem Team bei Vercel entdeckt habe: Man kann sein eigenes personalisiertes Finanz-Dashboard für den ARR seines Teams erstellen
00:03:50und bis auf SKU- oder Service-Ebene Detaileinblicke erhalten. Ich wusste früher gar nicht, wie viel Umsatz
00:03:57mein Team einbringt, und bei der Vorbereitung auf diesen Workshop habe ich gemerkt, wie nützlich das ist.
00:04:03Genau. Falls hier Snowflake-Kunden sind, die Streamlit kennen: Damit erstellt man viele
00:04:14Dashboards. Ein Vorteil hierbei ist, dass man über reine Dashboards hinausgehen kann. Dashboards sind
00:04:21großartig und werden unterstützt, aber auch interne Tools – schließlich ist es JavaScript und Next.js, man kann also
00:04:27alles bauen, was man sich vorstellt. Interne Tools sind super: Man kann Tabellen haben, in die man schreibt,
00:04:31und diese interagieren mit anderen Tabellen. So kann man seine Daten anreichern oder sogar agentische Apps bauen,
00:04:38um mit den Daten zu sprechen, wenn man Zeit für komplexere Anwendungen hat. Ich selbst
00:04:44habe das intern genutzt, um Log-Informationen abzurufen – etwa um zu sehen, woher ein Log
00:04:50kam, wer die Benutzer sind, und dann mehr über diese Benutzer zu erfahren. So kann ich bei
00:04:55Analysen direkt von einem Datensatz zum nächsten springen. Dafür ist es hervorragend geeignet.
00:05:01Das ist das Ziel – was man mit dieser Integration erreichen kann.
00:05:09Ich kann das erklären: Um diese Integration zu nutzen, muss Ihr Admin auf Ihrer Enterprise-
00:05:16Instanz von Snowflake die Snowflake App Runtime in den Einstellungen aktivieren.
00:05:23Anschließend muss die Vercel-Integration aktiviert werden. Das sind die zwei Schritte auf Snowflake-Seite.
00:05:29Auf Vercel-Seite muss Ihr Admin Snowflake zu Ihrem v0-Team hinzufügen – unter Einstellungen und
00:05:37Integrationen. Um das zu veranschaulichen: In v0 gehen Sie in die Kontoeinstellungen, fügen Integrationen hinzu,
00:05:47fügen das Snowflake-Konto über Ihre Konto-ID hinzu und verbinden sich dann mit Ihren Datensätzen.
00:05:58So sieht das aus. Das hier ist beispielsweise ein Screenshot von Vercel.
00:06:04Soweit zur Einrichtung. Gehen wir nun weiter.
00:06:10Ich werde eine Demo zeigen und mit dem Prompt beginnen. Das ist
00:06:16der erste Teil: v0 baut das Dashboard unter Nutzung der Daten. Im
00:06:25zweiten Teil deploye ich es auf Snowflake. Dahinter steckt noch mehr, was ich erklären werde,
00:06:31während v0 generiert. Aber schon mal als kleiner Tipp vorab:
00:06:39Aufgrund der Best Practices für Server-Side-Rendering-Strategien in Next.js
00:06:47wird die Anwendung serverseitig ausgeführt
00:06:51und läuft aus Compliance-Gründen direkt nah an Ihren Snowflake-Daten. Das
00:06:55erkläre ich später noch genauer. So einfach ist das Deployment auf die Snowflake-
00:07:05Infrastruktur. Ja, Sie haben richtig gehört: v0 baut die App, und dann wird sie bereitgestellt auf
00:07:15und betrieben mit Snowflake-Compute, direkt neben den Snowflake-Daten. Wenn Sie Enterprise-Kunde sind, können Sie
00:07:24diesen QR-Code scannen. Wenn Sie eine persönliche Demo von unserem Vertriebsteam wünschen, scannen Sie einfach diesen QR-Code,
00:07:32und diese Funktion wird für Sie freigeschaltet. Wenden wir uns nun der Live-Demo zu.
00:07:47Natürlich muss ich mich erneut über Okta authentifizieren, weil es Enterprise ist – das werden wir heute
00:07:54noch öfter machen. Das Wichtigste hierbei ist das Schlüsselwort “Snowflake”.
00:08:05Sie geben einfach im Prompt “Nutze Snowflake” ein. Um die Demo zu beschleunigen, sage ich: Nutze den
00:08:14Crunchbase-Datensatz. Nun erstelle ich eine Standard-Demo: Ich möchte ein Dashboard erstellen,
00:08:25das
00:08:29Informationen zu Börsengängen im Laufe der Jahre zeigt – eigentlich eine vollständige Übersicht zu IPOs. Lassen wir v0 das
00:08:39erstellen.
00:08:48Gut, das sollte eigentlich schon reichen.
00:08:53Während v0 das jetzt verarbeitet, prüft und abfragt es zuerst den Snowflake-Datensatz. Es sollte
00:09:03mich eigentlich um Erlaubnis bitten oder eine Rückfrage stellen.
00:09:09Live-Snowflake, los geht's. Okay, okay.
00:09:18Es könnte noch etwas dauern. v0 sollte mich auffordern, mich mit meiner Snowflake-Datenbank zu verbinden,
00:09:31und dann beginnt es, die benötigten Daten gemäß meinem Prompt abzufragen. Ich verbinde mich
00:09:53jetzt mit Snowflake – genau darum geht es bei dieser Integration.
00:10:01v0 beachtet die Best Practices für Web-Performance und Next.js-Standards bezüglich
00:10:09Rendering- und Caching-Strategien und baut mir dann
00:10:15ein maßgeschneidertes, personalisiertes Echtzeit-Dashboard. Das Generieren dauert jetzt vermutlich etwa drei Minuten.
00:10:24In der Zwischenzeit möchte ich Ihnen etwas zeigen
00:10:29und über einen Blogbeitrag sprechen, den wir letzten November veröffentlicht haben.
00:10:36Wir hatten einige Enterprise-Kunden eingeladen, diese Integration zu testen. Ich möchte mich darauf konzentrieren, Ihnen zu erklären,
00:10:45warum diese Integration so genial ist.
00:10:51v0 schreibt Code für diese Zugriffsverwaltungsschicht und verbindet sich mit Ihren Daten.
00:11:00Es programmiert die gesamte Next.js-Anwendung über v0. Beim Deployment wird sie jedoch
00:11:06auf der Snowflake-Infrastruktur bereitgestellt – extrem nah am selben Ort und nah an den Daten.
00:11:14Der Grund dafür sind die Enterprise-Anforderungen an Compliance, Sicherheit und Geschwindigkeit.
00:11:22Vercel verwaltet die Anwendung auf dieser Authentifizierungsebene, während Snowflake Compute und Daten übernimmt.
00:11:29Ein weiterer Punkt, den ich zeigen möchte:
00:11:36Wenn Sie diese Anwendung erstellen, nutzen Sie sie natürlich selbst, aber Sie können sie auch
00:11:41an Ihre Teammitglieder oder Personen in Ihrer Organisation senden. Um die Anwendung zu sehen,
00:11:49muss man sich anmelden und authentifizieren. Die Daten, die man in dieser Anwendung sieht,
00:11:57sind genau die Daten, für die man die entsprechenden Berechtigungen und Zugriffsrechte hat. Wenn Sie also den Link
00:12:02zu dieser Anwendung oder diesem Dashboard teilen, sehen nur Personen mit den entsprechenden Rechten diese Daten.
00:12:11Um Zeit zu sparen, habe ich diese Anwendung bereits vorab deployt. Es hat vorhin 3 Minuten und 43 Sekunden gedauert.
00:12:38Ich bin mir nicht sicher, warum es jetzt länger dauert – Typisch für eine Live-Demo.
00:12:44Abhängigkeiten werden neu installiert...
00:12:49Das ist die Anwendung, die bereitgestellt wurde – exakt mit demselben Prompt wurde ein IPO-Markt-Dashboard
00:13:00erstellt. Wie Sie sehen können, ist es interaktiv.
00:13:14Sehr schön, es wird gleich fertig.
00:13:27Hier sieht man: 50.000 Börsengänge insgesamt, beschafftes Kapital, Spitzenjahre im Durchschnitt. Ein schönes, generiertes Dashboard, das Sie nun weiter anpassen können.
00:13:39Wenn Sie dieses veröffentlichen
00:13:42und die Website aufrufen, müssen Sie sich zuerst anmelden. Das sind genau die Berechtigungen, von denen ich gesprochen habe.
00:13:50Um die Daten zu sehen, muss ich authentifizieren, welche Rechte ich in Snowflake besitze. Es ist bereitgestellt –
00:13:57ich weiß nicht, ob Sie die URL sehen können:
00:14:00Es ist auf snowflakecompute.app deployt.
00:14:04Jeder andere, der darauf zugreift, hat entsprechende individuelle Rechte.
00:14:10Genau.
00:14:16Das war der einfache Standardfall. Jordan zeigt Ihnen jetzt eine
00:14:22viel bessere und coolere Version davon, wozu v0 fähig ist.
00:14:27Alles klar, ich wechsle kurz
00:14:31meinen Laptop.
00:14:37Gibt es in der Zwischenzeit Fragen? Ah, Sie haben eine.
00:14:45Warten wir kurz auf das Mikrofon.
00:14:49Wenn man semantische Modelle in etwas wie dbt Cloud definiert hat, gibt es eine Möglichkeit, das hier
00:14:54einzubinden, sodass die generierten Abfragen und die für die Modelle verfügbaren Tabellen
00:15:01darauf abgestimmt sind?
00:15:05Ein semantisches Modell zur Gestaltung der SQL-Abfragen, richtig? Wenn Sie also dbt nutzen,
00:15:11um das Modell selbst zu verwalten...
00:15:18Entschuldigung, wie war die Frage noch mal? Ja, wenn wir dbt verwenden...
00:15:25...für die verschiedenen Schichten – sagen wir, eine Medallion-Architektur in Snowflake.
00:15:30Wenn man eine dbt-Semantikschicht hat und etwa dbt Cloud nutzt, um das
00:15:34zu verwalten, kann man das hier anbinden? Ja, das lässt sich über Prompts steuern. Ich denke, man kann das gut
00:15:40lenken, da alles LLM-gesteuert ist. Es gibt mehrere Ebenen: die v0-Ebene
00:15:46und auf Snowflake-Seite eine weitere Ebene. Wenn Sie also optimieren möchten...
00:15:55Es gibt viele Wege dafür – über Prompts oder Evals, wenn es in Produktion geht.
00:16:02Das hier ist quasi “Vibe Coding” – extrem schnell vom Prompt zur Idee. Man hat direkt das gewünschte Ergebnis.
00:16:08Beantwortet das Ihre Frage? Mich hat nur interessiert, ob es eine Art Datenintegration gibt.
00:16:13Die gibt es, tatsächlich sogar eine native. Ja, absolut.
00:16:23Ja, in der Observability sieht man alles, was in der App passiert –
00:16:27sowohl auf Snowflake-Seite als auch auf Vercel-Seite.
00:16:33Okay, kommen wir nun zur Demo. Hier sehen Sie einen ungefilterten Blick auf die Daten, die ich verwenden
00:16:41werde. Das sind Daten zu Kraftwerken. Das ist eine typische Situation: Man führt eine solche Abfrage aus
00:16:48und erhält Unmengen an Daten – Längen- und Breitengrade, Standorte der Kraftwerke, schwer auf einen Blick
00:16:55zu verstehen. Ich habe diese App bereits vorab erstellt, um Zeit zu sparen, und bin dieselben Schritte
00:17:01durchgegangen wie eben: Man wählt ein Konto aus. In meinem Fall habe ich mehrere Snowflake-Konten. Größere
00:17:07Kunden haben oft viele Konten und können pro Chat entscheiden, welches sie nutzen möchten.
00:17:13Aber schauen wir weiter: Wenn ich das Ganze etwas interessanter gestalten möchte...
00:17:20Derzeit gibt es einige Zusammenfassungen und die Tabelle. Aber wenn ich jetzt sage: “Füge einen Globus zur
00:17:30Visualisierung hinzu”...
00:17:42Da wir JavaScript und Next.js nutzen, sollte das Tool passende Bibliotheken dafür finden,
00:17:50einen 3D-Globus rendern, die bestehenden Tabellen analysieren,
00:17:55Längen- und Breitengrade auslesen und etwas deutlich Ansprechenderes darstellen.
00:18:02Kurze Frage vorab: Können wir kurz den Datensatz erklären?
00:18:07Ja, genau. Wir haben Daten zu Kraftwerken in den USA. Diese Datenquelle
00:18:15stammt aus dem Snowflake Marketplace, wo man Datensätze erwerben kann.
00:18:20Darauf haben wir Zugriff, und die Daten werden regelmäßig aktualisiert. So kann man hier Analysen
00:18:29durchführen. Ich glaube, dieser Datensatz ist kostenlos, richtig? Genau, das ist ein freier Datensatz. Man
00:18:37kann Daten kaufen oder kostenlose Datensätze nutzen. Das ist hervorragend,
00:18:41weil man diese Datensätze mit eigenen Daten kombinieren kann, um tiefere Einblicke zu gewinnen.
00:18:49Sie eignen sich auch perfekt für Demos.
00:18:55Okay.
00:18:59Sieht so aus, als hätte es funktioniert.
00:19:04Genau. Anstatt der Geschäftsführung oder Kunden nur traditionelle
00:19:13Dashboards zu zeigen, können Sie mit dieser Integration und v0 interaktive Echtzeit-
00:19:23Visualisierungen für Ihre Dashboards und Datensätze erstellen.
00:19:29Wie in diesem Beispiel.
00:19:34Gut, jetzt kommen wir zum interaktiven Teil. Wir haben diesen kostenlosen Datensatz
00:19:41aus dem Marketplace. Wenn jemand aus dem Publikum eigene Prompts zur
00:19:46Visualisierung ausprobieren möchte, können wir das jetzt tun – oder direkt zur Q&A-Runde übergehen, falls Sie Fragen haben.
00:19:59Hat jemand Fragen oder möchte uns einen Prompt zum Ausführen geben? Was die Funktionsfähigkeit betrifft:
00:20:09Kann man damit auch Regressionsmodelle ausführen und Pipelines bauen, oder ist es
00:20:14eher Vibe Coding für explorative Visualisierungen?
00:20:20Ich kann das beantworten, wenn du möchtest. Das ist reines Vibe Coding für Personen ohne technischen Hintergrund.
00:20:28Aber gute Frage, das ist ein interessanter Punkt. Ich würde...
00:20:35Gibt es da eine Integration?
00:20:44Okay.
00:20:47Normally hat v0 eine GitHub-Integration, sodass man es in reguläre CI/CD- und SDLC-Lebenszyklen einbinden kann.
00:20:56Hier kann man den Code herunterladen. Das ist ein Prototyp – wir auf der Bühne haben etwa eine Minute
00:21:05gebraucht. Die Generierung dauerte 1 Minute und 53 Sekunden – super schnelles Vibe
00:21:11Coding, das besser ist als die typischen Standard-Berichte oder Dashboards.
00:21:19Ich würde diesen Code herunterladen und dann Evals und das dahinterstehende Modell aufbauen.
00:21:33Dahinter steckt nur das v0-Modell, es ist keine eigenständige KI-App – man kann nicht direkt damit chatten.
00:21:39Wie auf der Folie gezeigt: Es gibt traditionelles BI, interaktive und personalisierte
00:21:46Komponenten, und den dritten Punkt, den wir aus Zeitgründen nicht in der Demo zeigen können.
00:21:51Zeit haben, eine Demo zu zeigen. Aber du kannst v0 fragen: “Hey, kannst du eine Funktion zum Chatten mit meinen Daten hinzufügen?”
00:21:59Fähigkeit und v0 wird das perfekt umsetzen, und dann würde ich Evals-Pipelines einrichten, um das zu verbessern
00:22:08man möchte da ja keine Halluzinationen haben, aber das ist ein fortgeschrittener Anwendungsfall. Danke für die
00:22:14Frage, wirklich cool.
00:22:19Woher weiß man, ob man für heute Schluss machen sollte?
00:22:30Wenn man das bereitstellt, wie funktioniert dann die Authentifizierung?
00:22:35Oh, das ist eine tolle Frage.
00:22:38Ja, sobald es bereitgestellt ist, liegt es in Ihrem Snowflake-Konto. Ich weiß nicht, ob Sie
00:22:41mit Snowflake vertraut sind, typischerweise... wie auch immer Ihre Authentifizierung für
00:22:48das Snowflake-Konto funktioniert. Wenn Sie auf “App besuchen” klicken, werden Sie dazu aufgefordert.
00:22:54Wie auch immer Sie... in diesem Fall habe ich Single Sign-On eingerichtet, also meldet mich das einfach
00:22:59in meinem Snowflake-Konto an. Ich brauche also Snowflake-Benutzernamen, Snowflake-Passwort oder eben
00:23:04Single Sign-On. Der Rest befindet sich jetzt vollständig in Snowflake. Sobald es in Snowflake ist, gibt es
00:23:10keine Verbindung mehr zu Vercel. Es ist also nicht so, dass man sich bei
00:23:13Vercel anmeldet, sondern ab diesem Zeitpunkt alles nur noch in Ihrem Snowflake-Konto.
00:23:19Wenn es sich um ein Team von Business-Usern ohne Entwicklerhintergrund handelt...
00:23:26müssten diese bei Snowflake geordnet eingearbeitet werden, ja.
00:23:32Snowflake arbeitet an Möglichkeiten, diese Apps Benutzern ohne Snowflake-Konto zugänglich zu machen.
00:23:39Es gibt jetzt schon etwas Unterstützung dafür, aber da kommt noch mehr, denn das ist
00:23:42definitiv ein Bedarf bei Apps auf Snowflake im Allgemeinen. Ich denke, man kann sich wahrscheinlich anmelden, weil...
00:23:50Man hat verschiedene Rollen im Snowflake-Konto und kann
00:23:56in den Einstellungen beim Verbinden der beiden Anwendungen auswählen, welche Rollen auf v0 für die App genutzt werden sollen.
00:24:05Es ist extrem wichtig, dass die Endbenutzer nur die Daten sehen, für die sie
00:24:12Zugriffsrechte haben. Dieses Problem ist gelöst, und man kann seine Dashboards genau mit diesem Gedankengang
00:24:20vibe-coden, was meiner Meinung nach ziemlich cool ist. Oh, da haben wir es ja. Man hat diese Rollen und kann sie
00:24:29kopieren oder v0 direkt sagen: “Bitte nutze nur diese Rollen für diese Anwendung.” Danke für die
00:24:36Frage. Ja, ich wollte dich noch fragen... oh, tut mir leid! Pass auf, das ist dein Konto, Mann! Er macht
00:24:48buchstäblich Fotos! Oh ja, das war's, das waren gute Aufnahmen. Ja, ich wollte dich fragen,
00:25:00wenn man solche Komponenten erstellen und in eine Next.js-App einfügen möchte, die auf Vercel bereitgestellt ist...
00:25:09sprich Komponenten, die Snowflake-Daten abfragen – ist das möglich oder mit diesem Setup eher nicht?
00:25:19Ja, das ist möglich. Okay, super. Also... kurze Handmeldung: Wer nutzt v0? Darf ich das Publikums-
00:25:31-fragen stellen? Wer nutzt v0? Alles klar. Und wer nutzt Snowflake oder ist Kunde bei Snowflake?
00:25:41Mehr Kunden, mehr Snowflake-Kunden! Okay, cool. Das ist anders als in London. Um deine
00:25:48Frage zu beantworten: Hier sind deine Komponenten wie shadcn, das ist der Pflanzen-Explorer. Oh okay, ja. Wo ist der Globus...
00:25:59Er ist wahrscheinlich irgendwo hier... vielleicht in App?
00:26:08Oh Gott, wie ist das... APIs? Vielleicht ist er auf einer der Seiten, verschachtelt in
00:26:13einer dieser Komponenten.
00:26:18Hat es gerade den gesamten Globus vibe-gecodet? Oh ja, da haben wir's. Das sind 167 Zeilen UI-Komponenten.
00:26:27Damit hat man diesen Code, man kann ihn herunterladen und weiterentwickeln. Nur zur
00:26:34Info, das war Zero-Shot. Man sieht, dass die erste Version der initiale Prompt war und
00:26:44das Hinzufügen des Globus war ein weiterer Prompt, also Version 2. Da v0 mit v1, v2 usw. benennt. Beantwortet das deine Frage?
00:26:52Ja, cool. Danke.
00:26:58Wir können noch mehr zeigen, wenn du möchtest. In v0 hat man direkten...
00:27:04Man kann die... übrigens wirst du wahrscheinlich die gesamte Datenbank sehen, auf die du Zugriff
00:27:08hast. Das ist ein Test-Konto, ja. Okay cool, ich denke, das passt. Man kann also tatsächlich seine
00:27:15Datenbank innerhalb von v0 erkunden, was bedeutet, dass man auch mit seiner Datenbank chatten kann. Man muss also
00:27:21keine App bereitstellen oder Dashboards anzeigen – man kann buchstäblich mit seinen Daten chatten.
00:27:29Du musst dich wahrscheinlich neu verbinden. Ich glaube, das liegt einfach an den vielen Tabellen in diesem
00:27:34Konto. Oh okay, ja. Und man kann auch SQL-Abfragen direkt aus v0 ausführen. Es
00:27:45werden in Zukunft noch mehr Funktionen dazukommen, aber ich persönlich glaube,
00:27:51dass man wirklich coole, interaktive Dashboards vibe-coden kann, was der absolute Knüller ist.
00:27:58Richtig.
00:28:01Ich denke, das war's. Wenn Sie das testen möchten, wenden Sie sich einfach an Vercel oder Snowflake.
00:28:10Vielen Dank für heute!

Key Takeaway

Die v0-Integration von Vercel ermöglicht die Erstellung von Next.js-Anwendungsschnittstellen auf Basis natürlicher Sprache, während Ausführung und Datenzugriffsrechte vollständig in der Snowflake-Infrastruktur verbleiben.

Highlights

  • Die Integration von v0 und Snowflake erfordert auf beiden Seiten einen Enterprise-Kundenstatus.

  • Auf Snowflake-Seite aktiviert der Administrator die Snowflake App Runtime und anschließend die Vercel-Integration.

  • Anwendungen werden auf snowflakecompute.app gehostet und laufen direkt auf der Compute-Infrastruktur von Snowflake.

  • Das Rollenkonzept (RBAC) und Single Sign-On von Snowflake steuern den Datenzugriff innerhalb der generierten Apps.

  • Next.js-Anwendungen laden Daten über serverseitiges Rendering direkt in der Nähe der Datenbank.

Timeline

Voraussetzungen und Architektur der Integration

  • Beide Plattformen setzen für die Funktionsfähigkeit ein Enterprise-Konto voraus.
  • Der Anwendungscode entsteht agentisch in v0 und nutzt Next.js als technologische Basis.
  • Die generierten Anwendungen laufen vollständig im Snowflake-Konto des Kunden.

Die Kombination aus der Entwicklerumgebung von Vercel und der Dateninfrastruktur von Snowflake adressiert Compliance- und Sicherheitsanforderungen in Unternehmen. Fachteams ohne SQL-Kenntnisse erstellen über Text-Prompts Dashboards für Vertriebspipelines, Produktnutzung oder Finanzdaten. Neben reinen Visualisierungen entstehen interaktive interne Werkzeuge mit Schreibzugriff auf Tabellen sowie Chat-Schnittstellen für Datensätze.

Einrichtungsschritte im Administrator-Dashboard

  • Die Aktivierung in Snowflake erfordert die Freigabe der Snowflake App Runtime in den Einstellungen.
  • In v0 wird die Snowflake-Konto-ID unter den Integrationseinstellungen des Teams hinterlegt.

Der Konfigurationsprozess gliedert sich in zwei Abschnitte. Auf Snowflake-Seite schaltet der Administrator zunächst die Laufzeitumgebung frei und bindet Vercel an. Anschließend erfolgt in den v0-Teameinstellungen die Verknüpfung über die spezifische Snowflake-Konto-ID.

Live-Demonstration und Rechteverwaltung

  • v0 prüft vor der Code-Generierung die Struktur des verbundenen Snowflake-Datensatzes.
  • Anwendungen werden auf der Subdomain snowflakecompute.app bereitgestellt.
  • Endnutzer sehen nur die Daten, für die ihre Snowflake-Rolle Zugriffsrechte besitzt.

Die Generierung eines IPO-Markt-Dashboards auf Basis eines Crunchbase-Datensatzes erfordert die Verknüpfung der Datenbank über v0. Die Anwendung nutzt serverseitiges Rendering in Next.js zur Einhaltung von Compliance-Vorgaben. Beim Zugriff auf die bereitgestellte URL erzwingt die Anwendung eine Authentifizierung über das bestehende Single Sign-On von Snowflake. Die Berechtigungen richten sich nach den rollenbasierten Zugriffskontrollen (RBAC) des jeweiligen Benutzers.

Visualisierung von Datensätzen und Erweiterungen

  • Ergänzende Prompts binden JavaScript-Bibliotheken für 3D-Visualisierungen ein.
  • Datensätze aus dem Snowflake Marketplace dienen als Grundlage für Anwendungsprototypen.

Anhand eines Datensatzes zu US-Kraftwerken wandelt v0 unübersichtliche Tabellen mit Breiten- und Längengraden in interaktive 3D-Globen um. Das Tool analysiert hierfür bestehende Strukturen und wählt passende UI-Bibliotheken aus. Kostenlose oder erworbene Datensätze aus dem Snowflake Marketplace lassen sich mit eigenen Unternehmensdaten kombinieren.

Code-Export, Modellierungsfragen und Datenanalyse

  • Der generierte Code steht für den Export und die Weiterentwicklung in lokalen Entwicklungsumgebungen bereit.
  • SQL-Abfragen und Datenbank-Erkundungen lassen sich direkt innerhalb von v0 ausführen.

Die Erstellung von Prototypen erfolgt ohne manuellen Programmieraufwand. Für den Produktionseinsatz lässt sich der Quelltext herunterladen und in CI/CD-Pipelines integrieren. Semantische Modelle wie dbt Cloud können über spezifische Prompts angesteuert werden. Neben der Anwendungsentwicklung bietet v0 eine direkte Chat-Schnittstelle zur Abfrage von Snowflake-Datenbanken.

Community Posts

View all posts