{"id":14525,"date":"2024-10-08T06:31:45","date_gmt":"2024-10-08T06:31:45","guid":{"rendered":"https:\/\/www.bay20.com\/?p=14525"},"modified":"2025-09-24T15:54:50","modified_gmt":"2025-09-24T10:09:50","slug":"wie-man-bigcommerce-pwa-mit-catalyst-installiert","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-man-bigcommerce-pwa-mit-catalyst-installiert\/","title":{"rendered":"Wie man bigcommerce PWA mit Catalyst installiert"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/www.bay20.com\/de\/category\/bigcommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bigcommerce<\/a> <\/strong>PWA Catalyst ist ein Headless eCommerce Storefront Framework. Es soll in erster Linie ein schnelleres und ansprechenderes Einkaufserlebnis bieten und sich gleichzeitig im wachsenden Wettbewerb positionieren. In einer solchen Architektur sind die H\u00e4ndler auch in der Lage, einzigartige leistungsgesteuerte Schaufenster zu erstellen. Sie m\u00fcssen dabei nicht auf die leistungsstarken, zwingenden Funktionen von BigCommerce verzichten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Folgen Sie der Anleitung zur Installation von Bigcommerce PWA mithilfe von Catalyst.<\/strong><\/h2>\n\n\n\n<p><strong>Schritt 1:<\/strong> \u00d6ffnen Sie das Terminal und f\u00fchren Sie den folgenden Befehl aus.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm create @bigcommerce\/catalyst@latest<\/code><\/pre>\n\n\n\n<p><strong>Schritt 2:<\/strong> Nachdem Sie diesen Befehl ausgef\u00fchrt haben, f\u00fcgen Sie Ihren Projektnamen hinzu und w\u00e4hlen Sie die Option \u201eJa\u201c, um sich \u00fcber das Terminal mit einem Bigcommerce-Shop zu verbinden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"464\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2024\/10\/Screenshot_2-1-980x464.png\" alt=\"Wie man BigCommerce PWA mit Catalyst installiert\" class=\"wp-image-14529\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_2-1-980x464.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_2-1-300x142.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_2-1-800x379.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_2-1-768x363.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_2-1-1000x473.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_2-1.png 1118w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 3:<\/strong> Sobald dieser Vorgang abgeschlossen ist, klicken Sie auf den im Terminal angegebenen Link. Dadurch wird das BigCommerce-Verwaltungspanel ge\u00f6ffnet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"405\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2024\/10\/Screenshot_3-1-980x405.png\" alt=\"Wie man BigCommerce PWA mit Catalyst installiert\" class=\"wp-image-14530\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_3-1-980x405.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_3-1-300x124.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_3-1-800x330.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_3-1-768x317.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_3-1-1000x413.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_3-1.png 1112w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 4:<\/strong> W\u00e4hlen Sie ein Gesch\u00e4ft aus, geben Sie den angegebenen Code in das Terminal ein und klicken Sie auf \u201eWeiter\u201c. Dann sehen Sie die Schaltfl\u00e4chen \u201eZulassen\u201c und \u201eVerweigern\u201c. Klicken Sie auf die Schaltfl\u00e4che \u201eZulassen\u201c.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"435\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2024\/10\/Log-In-BigCommerce-10-05-2024_02_40_PM-1-980x435.png\" alt=\"\" class=\"wp-image-14531\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Log-In-BigCommerce-10-05-2024_02_40_PM-1-980x435.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Log-In-BigCommerce-10-05-2024_02_40_PM-1-300x133.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Log-In-BigCommerce-10-05-2024_02_40_PM-1-800x355.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Log-In-BigCommerce-10-05-2024_02_40_PM-1-768x341.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Log-In-BigCommerce-10-05-2024_02_40_PM-1-1000x444.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Log-In-BigCommerce-10-05-2024_02_40_PM-1.png 1366w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 5<\/strong><span style=\"margin: 0px;padding: 0px\"><strong>:<\/strong><\/span> Kehren Sie nun zum Terminal zur\u00fcck, und Sie sehen die Meldung \u201eGer\u00e4tecode autorisiert\u201c. W\u00e4hlen Sie dann die Option \u201eJa\u201c, um einen neuen Kanal zu erstellen, und geben Sie einen Kanalnamen ein. Warten Sie, bis die Catalyst-Projektdateien f\u00fcr die Entwicklung generiert sind.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"559\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2024\/10\/Screenshot_16-980x559.png\" alt=\"\" class=\"wp-image-14533\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_16-980x559.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_16-300x171.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_16-800x456.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_16-768x438.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_16-1000x570.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_16.png 1110w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 6:<\/strong> Verwenden Sie nach Abschluss des Vorgangs den vom Terminal bereitgestellten Befehl.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"559\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2024\/10\/Screenshot_11-980x559.png\" alt=\"\" class=\"wp-image-14536\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_11-980x559.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_11-300x171.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_11-800x456.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_11-768x438.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_11-1000x570.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Screenshot_11.png 1110w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 7:<\/strong> \u00d6ffnen Sie nun die URL localhost im Browser.<\/p>\n\n\n\n<p><strong>Schritt 8:<\/strong> Schlie\u00dflich k\u00f6nnen Sie einen neuen Kanal im Kanalmanager Ihres Bigcommerce-Verwaltungspanels sehen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"435\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2024\/10\/Wargis-BigCommerce-Control-Panel-10-05-2024_03_01_PM-980x435.png\" alt=\"\" class=\"wp-image-14537\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Wargis-BigCommerce-Control-Panel-10-05-2024_03_01_PM-980x435.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Wargis-BigCommerce-Control-Panel-10-05-2024_03_01_PM-300x133.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Wargis-BigCommerce-Control-Panel-10-05-2024_03_01_PM-800x355.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Wargis-BigCommerce-Control-Panel-10-05-2024_03_01_PM-768x341.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Wargis-BigCommerce-Control-Panel-10-05-2024_03_01_PM-1000x444.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2024\/10\/Wargis-BigCommerce-Control-Panel-10-05-2024_03_01_PM.png 1366w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p>Weitere Informationen \u00fcber den Catalyst finden Sie in der B\u00fcrodokumentation von <a href=\"https:\/\/www.catalyst.dev\/docs\" target=\"_blank\" rel=\"noreferrer noopener\">Catalyst.dev<\/a>.<\/p>\n\n\n\n<p>Wenn Sie immer noch Probleme haben, wenden Sie sich bitte an Ihr Entwicklungsteam oder&nbsp;<a href=\"https:\/\/support.bigcommerce.com\/s\/contact\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>BigCommerce Kundenbetreuung<\/strong><\/a>.<\/p>\n\n\n\n<p><strong><strong>Bitte kontaktieren Sie uns unter&nbsp;<a href=\"mailto:manish@bay20.com\">manish@bay20.com<\/a>&nbsp;oder rufen Sie uns an unter&nbsp;<a href=\"https:\/\/api.whatsapp.com\/send?phone=+918800519180&amp;text=Hi,%20I%20contacted%20you%20through%20your%20website.\" target=\"_blank\" rel=\"noreferrer noopener\">+91-8800519180<\/a>&nbsp;f\u00fcr jegliche Unterst\u00fctzung im Zusammenhang mit Bigcommerce. Sie k\u00f6nnen auch die&nbsp;<a href=\"\/de\/mieten-bigcommerce-entwickler\/\">Bigcommerce-Entwicklung<\/a>&nbsp;Seite, um die von uns angebotenen Dienstleistungen zu pr\u00fcfen.<\/strong><\/strong><\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bigcommerce PWA Catalyst is a headless eCommerce storefront framework. It is intended primarily to provide faster and a more engaging shopping experience while positioning itself in the growing competition.<\/p>\n","protected":false},"author":115,"featured_media":14541,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,85,84,130,86],"tags":[],"class_list":["post-14525","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bigcommerce","category-bigcommerce-stencil","category-bigcommerce-lehrgang","category-headless","category-pwa"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/14525","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\/115"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=14525"}],"version-history":[{"count":9,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/14525\/revisions"}],"predecessor-version":[{"id":17353,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/14525\/revisions\/17353"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/14541"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=14525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=14525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=14525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}