ReactJS-Anwendungen werden in typischerweise in vier Schritten bereitgestellt:
1. Erstellen Sie ein Produktions-Build Ihrer ReactJS-Anwendung: ReactJS bietet ein eingebautes Skript dafür. Sie können es starten, indem Sie im Terminal in Ihrem Projektverzeichnis den Befehl `npm run build` ausführen. Das Skript transpiliert Ihren Code in eine Version, die in jedem Browser ausgeführt werden kann. Es erstellt auch eine ‘build’ Datei in Ihrem Projektverzeichnis.
2. Wählen Sie einen Hosting-Service aus: Es gibt viele Dienste, die Hosting für ReactJS-Anwendungen anbieten, wie z.B. Netlify, Vercel, AWS und Firebase Hosting. Die Wahl hängt davon ab, welche Dienstleistungen Sie benötigen (wie z.B. Cloud-Funktionen, Datenbanken etc.) und wie viel Sie bereit sind zu zahlen.
3. Konfigurieren Sie Ihr Hosting-Konto und erstellen Sie ein neues Projekt: Sie müssen sich bei Ihrem Hosting-Service anmelden, ein neues Projekt erstellen und die erforderlichen Informationen bereitstellen. Dazu gehört normalerweise die Auswahl einer Domain (entweder eine vordefinierte oder eine benutzerdefinierte), das Hochladen Ihres Produktions-Builds und die Konfiguration von Routing-Einstellungen.
4. Bereitstellen: Nachdem Sie Ihr Hosting-Konto und Ihr Projekt konfiguriert haben, können Sie Ihren Build bereitstellen. Die meisten Hosting-Services haben dafür eine Schaltfläche in ihrer Benutzeroberfläche. Nachdem Sie darauf geklickt haben, dauert es einige Zeit (meist nur ein paar Minuten), bis Ihre Anwendung online ist.
Vermerk: Einige Hosting-Services bieten auch Command-Line-Interfaces (CLIs) an, mit denen Sie den gesamten Prozess von Ihrem Terminal aus steuern können.
Zusätzlich zur Public Bereitstellung können Sie diese Anwendungen auch lokal hosten. Sie können dies erreichen, indem Sie einen Webserver wie z. B. Nginx oder Apache verwenden. Dabei müssten Sie die React-Anwendung als statische Website bereitstellen. Allerdings sollten Sie dies in einer Produktionsumgebung vermeiden, da das Hosting Ihrer Anwendung über Drittanbieter-Hosting-Dienste in der Regel sicherer und effizienter ist.
