{"id":17909,"date":"2026-08-07T11:36:46","date_gmt":"2026-08-07T05:51:46","guid":{"rendered":"https:\/\/www.bay20.com\/de\/?p=17909"},"modified":"2026-08-19T14:34:33","modified_gmt":"2026-08-19T08:49:33","slug":"wie-laesst-sich-bigcommerce-catalyst-mit-vercel-bereitstellen","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-laesst-sich-bigcommerce-catalyst-mit-vercel-bereitstellen\/","title":{"rendered":"Wie l\u00e4sst sich Bigcommerce Catalyst mit Vercel bereitstellen?"},"content":{"rendered":"\n

Um BigCommerce Catalyst mit Vercel bereitzustellen, sind einige Schritte erforderlich. BigCommerce Catalyst ist das Headless-Commerce-Starter-Kit von BigCommerce, das mit Next.js entwickelt wurde, um die Bereitstellung des Kits auf Vercel zu vereinfachen.<\/p>\n\n\n\n

Schritte zur Bereitstellung von BigCommerce Catalyst mit Vercel<\/h2>\n\n\n\n

Befolgen Sie diese Schritte, um Bigcommerce Catalyst mit Vercel bereitzustellen:<\/p>\n\n\n\n

Schritt 1: Das Catalyst-Repository klonen<\/h3>\n\n\n\n

Sie haben zwei M\u00f6glichkeiten: Sie k\u00f6nnen das offizielle BigCommerce-Catalyst-Repository klonen oder einen eigenen Fork erstellen.<\/p>\n\n\n\n

git clone https:\/\/github.com\/bigcommerce\/catalyst.git<\/a>\ncd catalyst<\/code><\/pre>\n\n\n\n
Schritt 2: Abh\u00e4ngigkeiten installieren<\/h3>\n\n\n\n
Stellen Sie sicher, dass Node.js 18<\/strong> oder h\u00f6her installiert ist, und installieren Sie anschlie\u00dfend die erforderlichen Abh\u00e4ngigkeiten mit diesem Befehl.
\"\"<\/p>\n\n\n\n
Schritt 3: Umgebungsvariablen konfigurieren<\/h3>\n\n\n\n
Bei Catalyst m\u00fcssen Sie den BigCommerce-Shop verkn\u00fcpfen. So geht\u2019s: Kopieren Sie einfach die Datei \u201e.env.example\u201c und erstellen Sie anschlie\u00dfend die Datei \u201e.env.local\u201c. Sie k\u00f6nnen auch den folgenden Befehl verwenden, um die Datei \u201e.env.example\u201c zu kopieren.<\/p>\n\n\n\n
cp .env.example .env.local<\/code><\/pre>\n\n\n\n
Bearbeiten Sie nun die Datei \u201e.env.local\u201c und f\u00fcgen Sie die erforderlichen Umgebungsvariablen hinzu:
\"\"<\/p>\n\n\n\n
Schritt 4: Lokal ausf\u00fchren (optional)<\/h3>\n\n\n\n
Um das Catalyst-Projekt lokal zu testen, verwenden Sie folgenden Befehl:
\"\"<\/p>\n\n\n\n
Dadurch wird der Entwicklungsserver unter http:\/\/localhost:3000 gestartet.<\/p>\n\n\n\n
Schritt 5: Auf Vercel bereitstellen<\/h3>\n\n\n\n
Um die Anwendung auf Vercel bereitzustellen, f\u00fchren Sie die folgenden Schritte aus:<\/p>\n\n\n\n
Installieren Sie die Vercel-CLI <\/strong>(falls noch nicht installiert) mit dem folgenden Befehl.
\"\"<\/p>\n\n\n\n
Melden Sie sich nun mit dem folgenden Befehl bei der Vercel-CLI an.
\"\"<\/p>\n\n\n\n
F\u00fcgen Sie anschlie\u00dfend die erforderlichen Umgebungsvariablen<\/a><\/strong> in Ihre Datei \u201e.env.local\u201c ein. Um eine optimale Build-Leistung auf Vercel zu erzielen, f\u00fcgen Sie zus\u00e4tzlich zu den erforderlichen Variablen einen Wert f\u00fcr \u201eTURBO_REMOTE_CACHE_SIGNATURE_KEY\u201c hinzu.<\/p>\n\n\n\n
Wenn alles in Ordnung ist, f\u00fchren Sie \u201evercel\u201c aus, um eine Vorschau-Bereitstellung durchzuf\u00fchren, oder \u201evercel –prod\u201c, wenn Sie eine Produktionsbereitstellung w\u00fcnschen. Falls Sie die Vercel-CLI zum ersten Mal verwenden, f\u00fchrt Sie die CLI durch einige Schritte, um eine Verbindung zu einem bestehenden Vercel-Projekt herzustellen oder ein neues zu erstellen.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Sobald Sie mithilfe der CLI eine brandneue Vercel-Konfiguration erstellt haben, werden Sie aufgefordert, Ihre Variablen in den Ordner \u201eenvironment\u201c Ihres neuen Projekts einzuf\u00fcgen. Ein Vercel-Build schl\u00e4gt beim ersten Mal fehl, wenn keine Umgebungsvariablen vorhanden sind; daher m\u00fcssen diese Variablen hinzugef\u00fcgt werden. Sie k\u00f6nnen die Variablen einzeln mit dem Befehl \u201evercel env add\u201c hinzuf\u00fcgen oder sich bei vercel.com<\/a><\/strong> anmelden und den Inhalt Ihrer \u201e.env.local\u201c-Datei in die Umgebungsvariableneinstellungen Ihres Vercel-Projekts einf\u00fcgen. Kehren Sie anschlie\u00dfend zum Vercel-Projekt des Kunden zur\u00fcck, suchen Sie \u201eDeployments\u201c und dann \u201eRedeploy\u201c im Dropdown-Men\u00fc mit den drei Punkten und klicken Sie darauf.<\/p>\n\n\n\n
Bitte kontaktieren Sie uns unter wargis@bay20.com\/manish@bay20.com<\/strong> oder rufen Sie uns unter +91-8800519180 \/ +91-9582784309<\/strong> an, wenn Sie Unterst\u00fctzung im Zusammenhang mit Bigcommerce ben\u00f6tigen. Sie k\u00f6nnen auch die Bigcommerce-Entwicklungsseite<\/a><\/strong> besuchen, um sich \u00fcber unsere Dienstleistungen zu informieren.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Um BigCommerce Catalyst mit Vercel bereitzustellen, sind einige Schritte erforderlich. BigCommerce Catalyst ist das Headless-Commerce-Starter-Kit von BigCommerce, das mit Next.js entwickelt wurde, um die Bereitstellung des Kits auf Vercel zu vereinfachen. Schritte zur Bereitstellung von BigCommerce Catalyst mit Vercel Befolgen Sie diese Schritte, um Bigcommerce Catalyst mit Vercel bereitzustellen: Schritt 1: Das Catalyst-Repository klonen Sie […]<\/p>\n","protected":false},"author":1,"featured_media":17910,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,170,31,86,169],"tags":[],"class_list":["post-17909","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bigcommerce","category-catalyst","category-ecommerce","category-pwa","category-vercel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=17909"}],"version-history":[{"count":2,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17909\/revisions"}],"predecessor-version":[{"id":18019,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17909\/revisions\/18019"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/17910"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=17909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=17909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=17909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}