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 haben zwei Möglichkeiten: Sie können das offizielle BigCommerce-Catalyst-Repository klonen oder einen eigenen Fork erstellen.
git clone https://github.com/bigcommerce/catalyst.git
cd catalystSchritt 2: Abhängigkeiten installieren
Stellen Sie sicher, dass Node.js 18 oder höher installiert ist, und installieren Sie anschließend die erforderlichen Abhängigkeiten mit diesem Befehl.
Schritt 3: Umgebungsvariablen konfigurieren
Bei Catalyst müssen Sie den BigCommerce-Shop verknüpfen. So geht’s: Kopieren Sie einfach die Datei „.env.example“ und erstellen Sie anschließend die Datei „.env.local“. Sie können auch den folgenden Befehl verwenden, um die Datei „.env.example“ zu kopieren.
cp .env.example .env.localBearbeiten Sie nun die Datei „.env.local“ und fügen Sie die erforderlichen Umgebungsvariablen hinzu:
Schritt 4: Lokal ausführen (optional)
Um das Catalyst-Projekt lokal zu testen, verwenden Sie folgenden Befehl:
Dadurch wird der Entwicklungsserver unter http://localhost:3000 gestartet.
Schritt 5: Auf Vercel bereitstellen
Um die Anwendung auf Vercel bereitzustellen, führen Sie die folgenden Schritte aus:
Installieren Sie die Vercel-CLI (falls noch nicht installiert) mit dem folgenden Befehl.
Melden Sie sich nun mit dem folgenden Befehl bei der Vercel-CLI an.
Fügen Sie anschließend die erforderlichen Umgebungsvariablen in Ihre Datei „.env.local“ ein. Um eine optimale Build-Leistung auf Vercel zu erzielen, fügen Sie zusätzlich zu den erforderlichen Variablen einen Wert für „TURBO_REMOTE_CACHE_SIGNATURE_KEY“ hinzu.
Wenn alles in Ordnung ist, führen Sie „vercel“ aus, um eine Vorschau-Bereitstellung durchzuführen, oder „vercel –prod“, wenn Sie eine Produktionsbereitstellung wünschen. Falls Sie die Vercel-CLI zum ersten Mal verwenden, führt Sie die CLI durch einige Schritte, um eine Verbindung zu einem bestehenden Vercel-Projekt herzustellen oder ein neues zu erstellen.
Sobald Sie mithilfe der CLI eine brandneue Vercel-Konfiguration erstellt haben, werden Sie aufgefordert, Ihre Variablen in den Ordner „environment“ Ihres neuen Projekts einzufügen. Ein Vercel-Build schlägt beim ersten Mal fehl, wenn keine Umgebungsvariablen vorhanden sind; daher müssen diese Variablen hinzugefügt werden. Sie können die Variablen einzeln mit dem Befehl „vercel env add“ hinzufügen oder sich bei vercel.com anmelden und den Inhalt Ihrer „.env.local“-Datei in die Umgebungsvariableneinstellungen Ihres Vercel-Projekts einfügen. Kehren Sie anschließend zum Vercel-Projekt des Kunden zurück, suchen Sie „Deployments“ und dann „Redeploy“ im Dropdown-Menü mit den drei Punkten und klicken Sie darauf.
Bitte kontaktieren Sie uns unter wargis@bay20.com/manish@bay20.com oder rufen Sie uns unter +91-8800519180 / +91-9582784309 an, wenn Sie Unterstützung im Zusammenhang mit Bigcommerce benötigen. Sie können auch die Bigcommerce-Entwicklungsseite besuchen, um sich über unsere Dienstleistungen zu informieren.
