{"id":17929,"date":"2026-08-07T12:55:42","date_gmt":"2026-08-07T07:10:42","guid":{"rendered":"https:\/\/www.bay20.com\/de\/?p=17929"},"modified":"2026-08-19T14:31:51","modified_gmt":"2026-08-19T08:46:51","slug":"internationalisierung-in-bigcommerce-catalyst-ein-umfassender-leitfaden-fuer-entwickler","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/internationalisierung-in-bigcommerce-catalyst-ein-umfassender-leitfaden-fuer-entwickler\/","title":{"rendered":"Internationalisierung in BigCommerce Catalyst: Ein umfassender Leitfaden f\u00fcr Entwickler"},"content":{"rendered":"\n<p>Unter \u201eLokalisierung und Internationalisierung\u201c in BigCommerce Catalyst versteht man die M\u00f6glichkeit, K\u00e4ufern in verschiedenen Regionen ein personalisiertes Einkaufserlebnis zu bieten. Catalyst nutzt die <strong><a href=\"https:\/\/next-intl.dev\/docs\/getting-started\/app-router\" target=\"_blank\" rel=\"noopener\" title=\"\">Next.js App Router Internationalization-Bibliothek<\/a><\/strong>, um die bevorzugte Region eines K\u00e4ufers zu erkennen und zu verfolgen. Dadurch wird die Bereitstellung von Inhalten in der richtigen Sprache, die Anwendung regionsspezifischer Formatierungen sowie die Anpassung des Produktangebots an bestimmte Regionen erm\u00f6glicht.<\/p>\n\n\n\n<p>Hier werden wir die Internationalisierung aus der Perspektive eines einzelnen Catalyst-Kanals betrachten, der mehrere Sprachversionen unterst\u00fctzt. Anschlie\u00dfend werden wir jedoch auch auf eine m\u00f6gliche Multi-Storefront-Konfiguration eingehen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verf\u00fcgbare Sprachversionen f\u00fcr die Internationalisierung in BigCommerce Catalyst<\/h2>\n\n\n\n<p>Denken Sie daran, dass die f\u00fcr Ihren Catalyst-Shop verf\u00fcgbaren Sprachen bei der Ersteinrichtung des Shop-Kanals ausgew\u00e4hlt werden. Sie k\u00f6nnen die Standard- und verf\u00fcgbaren Sprachen au\u00dferdem jederzeit auf der Registerkarte \u201eLokalisierung\u201c \u00e4ndern, wenn Sie den Kanal im Kontrollpanel anzeigen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"506\" src=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-settings-980x506.jpg\" alt=\"\" class=\"wp-image-17931\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-settings-980x506.jpg 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-settings-300x155.jpg 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-settings-768x397.jpg 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-settings-1000x517.jpg 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-settings-800x413.jpg 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-settings.jpg 1397w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p>Jede verf\u00fcgbare Sprache wird durch einen Locale-Code (z. B. \u201een\u201c) angegeben. Die f\u00fcr den Catalyst-Storefront verf\u00fcgbaren Locales werden bei jedem neuen Build oder beim Start des Entwicklungsservers abgerufen und in der Konfiguration zur Build-Zeit gespeichert. Beachten Sie die folgenden wichtigen Speicherorte im Catalyst-Projekt:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>next.config.ts:<\/strong> Die hier definierte <code>SettingsQuery<\/code> wird w\u00e4hrend des Builds ausgef\u00fchrt, um die verf\u00fcgbaren Sprachen abzurufen.<\/li>\n\n\n\n<li><strong>build-config:<\/strong> Hier befinden sich Dateien zur Verwaltung der Locale-Konfiguration w\u00e4hrend des Builds.<\/li>\n\n\n\n<li>b<strong>uild-config\/build-config.json:<\/strong> Diese Datei sollte in Ihrem Projekt vorhanden sein, wenn der Entwicklungsserver ausgef\u00fchrt wurde. Sie enth\u00e4lt die generierte Locale-Konfiguration.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">So wird die Spracheinstellung ermittelt<\/h2>\n\n\n\n<p>Catalyst ermittelt die Spracheinstellung standardm\u00e4\u00dfig anhand der Browsereinstellungen des Kunden, indem es den HTTP-Anfrage-Header \u201eAccept-Language\u201c verwendet und diesen mit einer der verf\u00fcgbaren, im Storefront-Kanal konfigurierten Spracheinstellungen abgleicht. Ist die ermittelte Spracheinstellung f\u00fcr den Kanal nicht verf\u00fcgbar, verwendet Catalyst die als Standard festgelegte Spracheinstellung.<\/p>\n\n\n\n<p>Das Catalyst-Routing-System unterst\u00fctzt in Verbindung mit der Next.js App Router Internationalization-Bibliothek ein optionales URL-Segment zur Festlegung der L\u00e4ndereinstellung:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><em>mystore.com\/fr\/my-product<\/em><\/code><\/pre>\n\n\n\n<p>Ein Benutzer, dessen erkannte Spracheinstellung von der Standardeinstellung abweicht, wird auf eine URL wie die oben genannte weitergeleitet. Bei direktem Aufruf der URL legt das explizite URL-Segment ebenfalls den entsprechenden Sprachkontext fest. Unabh\u00e4ngig davon, ob die Spracheinstellung automatisch erkannt, durch die Standard-Spracheinstellung des Online-Shops festgelegt oder explizit in der Anfrage-URL angegeben wird, ist der festgelegte Sprachkontext \u00fcber den Next.js-Parameter [locale] verf\u00fcgbar.<\/p>\n\n\n\n<p>Weitere Informationen zur Erkennung der Spracheinstellung finden Sie in den folgenden Dateien:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>middlewares\/with-intl.ts<\/strong> \u2013 Die anf\u00e4ngliche Erkennung der L\u00e4ndereinstellung mit dem Next.js App Router Internationalization erfolgt hier, wobei der Kontext durch die L\u00e4ndereinstellungskonfiguration zur Erstellungszeit bereitgestellt wird.<\/li>\n\n\n\n<li><strong>middlewares\/with-routes.ts<\/strong> \u2013 Wir haben bereits gesehen, welche Rolle diese Datei bei der Weiterleitung einer Anfrage an ihr endg\u00fcltiges Ziel spielt. Dazu geh\u00f6rt auch die explizite Einbindung des L\u00e4ndereinstellungssegments in die umgeschriebene URL.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Sprach- und W\u00e4hrungsumschalter<\/h3>\n\n\n\n<p>Standardm\u00e4\u00dfig integriert Catalyst einen Sprachumschalter und einen W\u00e4hrungsumschalter in die Kopfzeile der Website, sofern mehrere Sprachen oder W\u00e4hrungen verf\u00fcgbar sind. Die konfigurierten Sprachumgebungen und W\u00e4hrungen werden in diese Umschalter auf dem Storefront-Kanal \u00fcbernommen. Daher h\u00e4ngen die verf\u00fcgbaren Sprachumgebungen von der Konfiguration zum Zeitpunkt der Erstellung ab, und der Sprachumschalter nutzt das URL-Segment wie oben beschrieben.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"382\" height=\"194\" src=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-switcher.jpg\" alt=\"\" class=\"wp-image-17932\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-switcher.jpg 382w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/language-switcher-300x152.jpg 300w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Lokalisierung von statischem Text<\/h2>\n\n\n\n<p>In diesem Abschnitt erfahren Sie, wie Catalyst den statischen Text, der Teil Ihrer Catalyst-Anwendung ist, in die Sprache des Kunden \u00fcbersetzt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Speichern von \u00dcbersetzungen<\/h3>\n\n\n\n<p>In Ihrem Catalyst-Verzeichnis befindet sich ein Unterverzeichnis \u201e\/messages\/\u201c, das f\u00fcr die Lokalisierung verwendet wird. Jede Sprachdatei in diesem Verzeichnis entspricht einer Sprachumgebung, z. B. \u201e\/messages\/en.json\u201c. Diese Datei enth\u00e4lt die englischen Standardphrasen.<\/p>\n\n\n\n<p>F\u00fcr jede Sprache, die Sie unterst\u00fctzen m\u00f6chten, muss eine eigene JSON-Datei vorhanden sein. Au\u00dferdem m\u00fcssen Sie jede Sprachdatei gem\u00e4\u00df der <strong><a href=\"https:\/\/www.rfc-editor.org\/info\/bcp47\/\" target=\"_blank\" rel=\"noopener\" title=\"\">BCP 47-Spezifikation<\/a><\/strong> f\u00fcr Sprachkennungen und L\u00e4nder- oder Regionscodes benennen.<\/p>\n\n\n\n<p>Jede \u00dcbersetzungsdatei muss au\u00dferdem Schl\u00fcssel-Wert-Paare enthalten. Daher k\u00f6nnen Sie \u00dcbersetzungen auf der Grundlage vordefinierter Schl\u00fcssel definieren, die zur \u00dcbersetzung der grundlegenden E-Commerce-Funktionen des Catalyst-Storefronts verwendet werden. Diese \u00fcbersetzten Werte werden den K\u00e4ufern als statische Zeichenfolgen\u00fcbersetzungen angezeigt. Es ist g\u00e4ngige Praxis, die vorhandene Datei \u201een.json\u201c als Vorlage f\u00fcr das Schema zu verwenden. Die Datei \u201een.json\u201c enth\u00e4lt beispielsweise die folgenden \u00dcbersetzungsschl\u00fcssel und die dazugeh\u00f6rigen englischen Zeichenfolgen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\"ChangePassword\": {\n    \"title\": \"Change password\",\n    \"newPassword\": \"New password\",\n    \"confirmPassword\": \"Confirm password\",\n    \"passwordUpdated\": \"Password has been updated successfully!\",\n    \"somethingWentWrong\": \"Something went wrong. Please try again later.\"\n},<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Verwendung von Schl\u00fcsseln in React-Komponenten<\/h3>\n\n\n\n<p>Schauen wir uns nun an, wie Server- und Client-Komponenten \u00dcbersetzungen verwenden. Das folgende Beispiel zeigt, wie eine Server-Komponente \u00dcbersetzungen nutzt. Der Aufruf von <code>getTranslations()<\/code> mit der Locale und dem \u201eNamespace\u201c ruft die \u00fcbersetzten Schl\u00fcssel-Wert-Paare aus der entsprechenden \u00dcbersetzungsdatei ab.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import { getTranslations } from 'next-intl\/server';\n...\nexport default async function ChangePassword({ params, searchParams }: Props) {\n    ...\n    const t = await getTranslations('Auth.ChangePassword');\n    ...\n    return (\n        &lt;ResetPasswordSection\n            ...\n            confirmPasswordLabel = { t('confirmPassword') }\n            newPasswordLabel = { t('newPassword') }\n            title = { t('title') }\n        \/&gt;\n    );\n}<\/code><\/pre>\n\n\n\n<p>Client-Komponenten hingegen handhaben die \u00dcbersetzung etwas anders. In der Stammdatei \u201eapp\/[locale]layout.tsx\u201c wird ein \u201eNextIntlClientProvider\u201c eingerichtet, der f\u00fcr die entsprechenden Hooks der Client-Komponenten erforderlich ist. Anschlie\u00dfend verwenden die Client-Komponenten die Methode \u201euseTranslations\u201c, um statischen Text zu \u00fcbersetzen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import { useTranslations } from 'next-intl';\nexport function ProductFaqs({\n    ...\n}: {\n    ...\n}) {\n    ...\n    const t = useTranslations('Components.Footer');\n    ...\n    return allFaqs.length &lt;= 0 ? '' : (\n        &lt;section ...&gt;\n            &lt;div ...&gt;\n                &lt;h2 ...&gt;\n                    { t('heading') }\n                &lt;\/h2&gt;\n                ...\n            &lt;\/div&gt;\n        &lt;\/section&gt;\n    );\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Lokalisierung dynamischer Inhalte<\/h2>\n\n\n\n<p>Der Gro\u00dfteil der Texte, die Ihren Kunden angezeigt werden, stammt nicht aus statischen Zeichenfolgen in Ihrem Code, sondern aus Ihren Katalogdaten, CMS-Inhalten oder anderen Merchandising-Integrationen. Die Lokalisierungsstrategie h\u00e4ngt zwar von den Funktionen und M\u00f6glichkeiten der Anbieter ab, die Sie f\u00fcr Ihre Inhalte nutzen, doch hier werden wir die Mehrsprachen- und Mehrlokalit\u00e4tsfunktionen besprechen, die in den integrierten Datenquellen von Catalyst verf\u00fcgbar sind.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">BigCommerce-Daten<\/h3>\n\n\n\n<p>Sie geben die Details zu Ihren BigCommerce-Katalogdaten in der Standardsprache Ihres Shops ein, k\u00f6nnen f\u00fcr diese Inhalte jedoch sprachspezifische \u00dcberschreibungen vornehmen. Mithilfe der <strong><a href=\"https:\/\/developer.bigcommerce.com\/docs\/store-operations\/catalog\/graphql-admin\/product-basic-info\" target=\"_blank\" rel=\"noopener\" title=\"\">GraphQL-Admin-API<\/a><\/strong> ist es m\u00f6glich, grundlegende Produktinformationen, SEO-Informationen, Verf\u00fcgbarkeit und weitere Details f\u00fcr eine bestimmte L\u00e4ndereinstellung festzulegen.<\/p>\n\n\n\n<p>Catalyst legt den L\u00e4nderkontext von Abfragen an die GraphQL-Storefront-API mithilfe des Request-Headers \u201eAccept-Language\u201c fest, sodass alle gerenderten Inhalte in der bevorzugten Sprache des Kunden angezeigt werden, sofern diese vorhanden ist. Dies stellt beispielsweise auch sicher, dass Warenkorbdaten der richtigen L\u00e4ndereinstellung zugeordnet werden.<\/p>\n\n\n\n<p>Der Accept-Language-Header wird in der Datei \u201eclient\/index.ts\u201c festgelegt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Makeswift-Inhalte<\/h3>\n\n\n\n<p>\u00c4hnlich wie bei Katalogdaten ermittelt Catalyst den Sprachkontext, wenn Seiteninhalte geladen werden, die vom Makeswift-Visual-Editor verwaltet werden. Wenn Sie eine Makeswift-Website erstellen, werden die anf\u00e4nglichen Sprachkontexte so festgelegt, dass sie mit den verf\u00fcgbaren Sprachen des Online-Shops \u00fcbereinstimmen. Anschlie\u00dfend k\u00f6nnen Sie die verf\u00fcgbaren Sprachkontexte in den Website-Einstellungen konfigurieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"292\" src=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-locales-980x292.png\" alt=\"\" class=\"wp-image-17933\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-locales-980x292.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-locales-300x89.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-locales-768x229.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-locales-1000x298.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-locales-800x238.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-locales.png 1017w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p>Mit dem Sprachumschalter des Editors lassen sich nicht nur Texte an bestimmte Sprachversionen anpassen, sondern auch Aspekte des Layouts und der Sichtbarkeit von Inhalten.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"315\" height=\"246\" src=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-site-switcher.png\" alt=\"\" class=\"wp-image-17934\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-site-switcher.png 315w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/makeswift-site-switcher-300x234.png 300w\" sizes=\"auto, (max-width: 315px) 100vw, 315px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Multi-Storefront<\/h2>\n\n\n\n<p>Eine Alternative zur Mehrsprachigkeit auf einem einzigen Storefront-Kanal ist die Einrichtung separater Kan\u00e4le f\u00fcr verschiedene L\u00e4ndereinstellungen. Dies kann erforderlich sein, wenn sich nicht nur die Sprache unterscheidet. Wenn sich das Produktangebot, die Kategoriestruktur, die verf\u00fcgbaren W\u00e4hrungen oder die verf\u00fcgbaren Versandarten je nach L\u00e4ndereinstellung unterscheiden, ist Multi-Storefront wahrscheinlich die ideale Strategie.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pfadbasiert<\/h3>\n\n\n\n<p>Catalyst bietet integrierte Unterst\u00fctzung f\u00fcr die Zuordnung eines Locale-Pfads zu einem bestimmten Kanal. Das folgende Beispiel in der Datei \u201echannels.config.ts\u201c ordnet den Unterpfad \u201e\/fr\u201c der Kanal-ID 12345 zu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const localeToChannelsMappings: Record&lt;string, string&gt; = {\n    fr: '12345',\n};\n<\/code><\/pre>\n\n\n\n<p>Sobald diese Zuordnung eingerichtet ist, sendet Catalyst, sobald es Franz\u00f6sisch als Sprache erkennt (beispielsweise beim Aufruf einer URL wie mystore.com\/fr\/my-product), API-Anfragen an die von Ihnen angegebene BigCommerce-Kanal-ID.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dom\u00e4nenbasiert<\/h3>\n\n\n\n<p>Wenn Ihre eigene Konfiguration erfordert, dass jede Storefront auf einer eigenen Dom\u00e4ne l\u00e4uft, gibt es mehrere M\u00f6glichkeiten, dies zu realisieren. Im einfachsten Fall sollte jede Dom\u00e4ne auf eine separate Produktionsbereitstellung von Catalyst verweisen, wobei unterschiedliche Umgebungskonfigurationen die korrekte Zuordnung zum Storefront-Kanal gew\u00e4hrleisten:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"621\" height=\"321\" src=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/Domains_MultiEnv.png\" alt=\"\" class=\"wp-image-17935\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/Domains_MultiEnv.png 621w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/Domains_MultiEnv-300x155.png 300w\" sizes=\"auto, (max-width: 621px) 100vw, 621px\" \/><\/figure>\n<\/div>\n\n\n<p>Andererseits kann es sein, dass Ihre Anforderungen eine einzige Bereitstellung erfordern, die mehrere Dom\u00e4nen abdeckt:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"181\" src=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/Domains_SingleEnv.png\" alt=\"\" class=\"wp-image-17936\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/Domains_SingleEnv.png 626w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/Domains_SingleEnv-300x87.png 300w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/figure>\n<\/div>\n\n\n<p>Catalyst verf\u00fcgt zwar nicht \u00fcber integrierte Werkzeuge f\u00fcr ein echtes Multi-Tenant-Szenario wie dieses, doch l\u00e4sst sich dies durch Anpassungen realisieren. Weitere Informationen finden Sie in diesem <strong><a href=\"https:\/\/vercel.com\/docs\/platforms\" target=\"_blank\" rel=\"noopener\" title=\"\">Vercel-Leitfaden und in der Beispiel-Multi-Tenant-App<\/a><\/strong>.<\/p>\n\n\n\n<p>Zu den in Betracht zu ziehenden Schritten geh\u00f6ren voraussichtlich:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zun\u00e4chst erstellen Sie ein dynamisches Routensegment f\u00fcr die [Domain] \u00e4hnlich wie f\u00fcr [locale], wie in der Beispiel-App gezeigt.<\/li>\n\n\n\n<li>Anschlie\u00dfend legen Sie das URL-Segment f\u00fcr die Domain mithilfe von Middleware fest, wie in der Beispiel-App gezeigt.<\/li>\n\n\n\n<li>Zuletzt greifen Sie auf den Routenparameter der Domain zu und verwenden ihn, um die Kanal-ID dort bedingt festzulegen, wo der API-Client zum Einsatz kommt.<\/li>\n<\/ul>\n\n\n\n<p>Bitte kontaktieren Sie uns unter <strong>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 Dienstleistungen zu informieren.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unter \u201eLokalisierung und Internationalisierung\u201c in BigCommerce Catalyst versteht man die M\u00f6glichkeit, K\u00e4ufern in verschiedenen Regionen ein personalisiertes Einkaufserlebnis zu bieten. Catalyst nutzt die Next.js App Router Internationalization-Bibliothek, um die bevorzugte Region eines K\u00e4ufers zu erkennen und zu verfolgen. Dadurch wird die Bereitstellung von Inhalten in der richtigen Sprache, die Anwendung regionsspezifischer Formatierungen sowie die Anpassung [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17930,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,170,31],"tags":[],"class_list":["post-17929","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bigcommerce","category-catalyst","category-ecommerce"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17929","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=17929"}],"version-history":[{"count":3,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17929\/revisions"}],"predecessor-version":[{"id":17939,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17929\/revisions\/17939"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/17930"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=17929"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=17929"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=17929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}