{"id":17963,"date":"2026-08-08T10:55:55","date_gmt":"2026-08-08T05:10:55","guid":{"rendered":"https:\/\/www.bay20.com\/de\/?p=17963"},"modified":"2026-08-19T14:22:17","modified_gmt":"2026-08-19T08:37:17","slug":"wie-richtet-man-ein-b2b-einkaeuferportal-fuer-die-lokale-entwicklung-ein","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-richtet-man-ein-b2b-einkaeuferportal-fuer-die-lokale-entwicklung-ein\/","title":{"rendered":"Wie richtet man ein B2B-Eink\u00e4uferportal f\u00fcr die lokale Entwicklung ein?"},"content":{"rendered":"\n<p>Das <strong><a href=\"https:\/\/github.com\/bigcommerce\/b2b-buyer-portal\" target=\"_blank\" rel=\"noopener\" title=\"\">B2B-K\u00e4uferportal<\/a><\/strong> ist eine Open-Source-Frontend-Anwendung im Monorepo-Format, die f\u00fcr das K\u00e4uferportal der BigCommerce B2B Edition entwickelt wurde. Dieses K\u00e4uferportal basiert auf <strong><a href=\"https:\/\/turborepo.dev\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Turborepo<\/a><\/strong>, <strong><a href=\"https:\/\/www.typescriptlang.org\/\" target=\"_blank\" rel=\"noopener\" title=\"\">TypeScript<\/a><\/strong> und <strong><a href=\"https:\/\/react.dev\/\" target=\"_blank\" rel=\"noopener\" title=\"\">React<\/a><\/strong>. Dadurch k\u00f6nnen Entwickler mithilfe des Quellcodes des K\u00e4uferportals ein ma\u00dfgeschneidertes K\u00e4uferportal-Erlebnis erstellen und so die Kosten der L\u00f6sung f\u00fcr komplexe B2B-Anforderungen senken. BigCommerce bietet Entwicklern eine solide Grundlage f\u00fcr Innovationen und Anpassungen an individuelle Gesch\u00e4ftsanforderungen, sodass Entwickler und Marken flexibel bleiben und ihre Wettbewerbsf\u00e4higkeit in der sich st\u00e4ndig ver\u00e4ndernden B2B-E-Commerce-Landschaft bewahren k\u00f6nnen.<\/p>\n\n\n\n<p>Indem Sie das Open-Source-GitHub-Repository des B2B-K\u00e4uferportals von BigCommerce klonen, k\u00f6nnen Sie das B2B-K\u00e4uferportal an Ihre Anforderungen anpassen. Sie k\u00f6nnen Ihr angepasstes B2B-K\u00e4uferportal auf Ihrem eigenen Server hosten und es als selbst gehostetes K\u00e4uferportal nutzen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"472\" src=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-980x472.png\" alt=\"\" class=\"wp-image-17965\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-980x472.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-300x144.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-768x370.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-1000x481.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-800x385.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum.png 1180w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Voraussetzungen<\/h2>\n\n\n\n<p>Bevor Sie das B2B-Eink\u00e4uferportal f\u00fcr die Anpassungen lokal einrichten, m\u00fcssen folgende Voraussetzungen erf\u00fcllt sein:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zugriff auf die B2B Edition-App im Bigcommerce-Kontrollpanel<\/li>\n\n\n\n<li>B2B in Ihrem Kanal \u00fcber die Einstellungen der B2B Edition aktivieren<\/li>\n\n\n\n<li>Git<\/li>\n\n\n\n<li>Node.js-Version &gt;= 22.16.0<\/li>\n\n\n\n<li>Yarn v1.22.17<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Lokale Entwicklung<\/h2>\n\n\n\n<p>Befolgen Sie diese Schritte f\u00fcr die lokale Entwicklung des B2B-K\u00e4uferportals:<\/p>\n\n\n\n<p>1. Installieren Sie zun\u00e4chst nvm.<\/p>\n\n\n\n<p>2. F\u00fchren Sie nach der Installation von nvm den folgenden Befehl im Terminal bzw. in der Eingabeaufforderung aus, um die erforderliche Node.js-Version zu installieren.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>nvm install 22 &amp;&amp; nvm use 22<\/code><\/pre>\n\n\n\n<p>3. Nun k\u00f6nnen Sie Yarn mit dem folgenden Befehl installieren.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install -g yarn<\/code><\/pre>\n\n\n\n<p>4. F\u00fchren Sie nach der Installation von Yarn den folgenden Befehl aus, um das Repository \u201eb2b-buyer-portal\u201c zu klonen.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>git clone https:\/\/github.com\/bigcommerce\/b2b-buyer-portal.git<\/code><\/pre>\n\n\n\n<p>5. Rufen Sie nun mit diesem Befehl das B2B-Eink\u00e4uferportal auf.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd b2b-buyer-portal<\/code><\/pre>\n\n\n\n<p>6. Installieren Sie anschlie\u00dfend die Abh\u00e4ngigkeiten mit dem folgenden Befehl.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>yarn<\/code><\/pre>\n\n\n\n<p>7. Kopieren Sie die Umgebungsvariablen mit dem folgenden Befehl in die Datei \u201e.env\u201c.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cp apps\/storefront\/.env-example apps\/storefront\/.env<\/code><\/pre>\n\n\n\n<p>8. Passen Sie nun die Werte in der Datei .env an Ihre individuellen Anforderungen an.<\/p>\n\n\n\n<p>9. Starten Sie anschlie\u00dfend den Entwicklungsserver mit dem folgenden Befehl.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>yarn dev<\/code><\/pre>\n\n\n\n<p>Sie sollten die Website Ihres Shops \u00fcber deren URL aufrufen, anstatt http:\/\/localhost:3001\/ zu verwenden. Die \u201elocalhost\u201c-URL ist die Basis-URL des B2B-K\u00e4uferportals, w\u00e4hrend Sie das K\u00e4uferportal auf der BigCommerce Stencil-Storefront oder auf Headless-Storefronts entwickeln. Lesen Sie dazu die Anleitung zur Entwicklung eines B2B-K\u00e4uferportals auf der BigCommerce-Stencil-Storefront-Plattform. Lesen Sie au\u00dferdem die Anleitung zur Entwicklung eines B2B-K\u00e4uferportals auf Headless-Storefronts wie Catalyst, NextJS und anderen.<\/p>\n\n\n\n<p>Bitte kontaktieren Sie uns unter <strong>wargis@bay20.com\/manish@bay20.com<\/strong> oder rufen Sie uns unter <strong>+91-8800519180 \/ +91-9582784309<\/strong> an, wenn Sie Unterst\u00fctzung im Zusammenhang mit BigCommerce ben\u00f6tigen. Sie k\u00f6nnen auch die <strong><a href=\"https:\/\/www.bay20.com\/de\/bigcommerce-entwicklungsunternehmen\/\" target=\"_blank\" rel=\"noopener\" title=\"\">BigCommerce-Entwicklungsseite<\/a><\/strong> besuchen, um sich \u00fcber unsere angebotenen Dienstleistungen zu informieren.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das B2B-K\u00e4uferportal ist eine Open-Source-Frontend-Anwendung im Monorepo-Format, die f\u00fcr das K\u00e4uferportal der BigCommerce B2B Edition entwickelt wurde. Dieses K\u00e4uferportal basiert auf Turborepo, TypeScript und React. Dadurch k\u00f6nnen Entwickler mithilfe des Quellcodes des K\u00e4uferportals ein ma\u00dfgeschneidertes K\u00e4uferportal-Erlebnis erstellen und so die Kosten der L\u00f6sung f\u00fcr komplexe B2B-Anforderungen senken. BigCommerce bietet Entwicklern eine solide Grundlage f\u00fcr Innovationen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17964,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[173,13,84],"tags":[178],"class_list":["post-17963","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-b2b","category-bigcommerce","category-bigcommerce-lehrgang","tag-b2b-buyer-portal"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17963","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=17963"}],"version-history":[{"count":2,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17963\/revisions"}],"predecessor-version":[{"id":18010,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17963\/revisions\/18010"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/17964"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=17963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=17963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=17963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}