Eine Next.js-App auf Leapcell bereitstellen
Stellen Sie Ihre Next.js App in wenigen Schritten schnell auf Leapcell bereit. Sie können unsere Beispiel-App oder Ihre eigene verwenden.
Sie benötigen ein GitHub-Konto, um fortzufahren. Wenn Sie noch keines haben, können Sie eines auf der GitHub-Website erstellen.
1. Forken Sie den Next.js-Boilerplate auf GitHub.
Repo: Next.js-Boilerplate
Dies ist ein vereinfachtes Next.js-Programm, das auf dem Next.js-Tutorial basiert.
Wenn Sie neu bei Next.js sind, empfehlen wir Ihnen, zuerst das Next.js-Tutorial zu befolgen.
2. Erstellen Sie einen Dienst im Leapcell Dashboard und verbinden Sie Ihr neues Repository.
Gehen Sie zum Leapcell Dashboard und klicken Sie auf die Schaltfläche New Service
.
Auf der Seite "New Service" wählen Sie das Repository aus, das Sie gerade geforkt haben.
Um auf Ihre Repositories zuzugreifen, müssen Sie Leapcell mit Ihrem GitHub-Konto verbinden.
Befolgen Sie diese Anweisungen, um eine Verbindung zu GitHub herzustellen.
Sobald die Verbindung hergestellt ist, werden Ihre Repositories in der Liste angezeigt.
3. Geben Sie bei der Erstellung die folgenden Werte an:
Next.js erfordert einen Build-Schritt, daher sollte der Build-Befehl npm install && npm run build
lauten.
Feld | Wert |
---|---|
Runtime | Node.js (Beliebige Version) |
Build Command | npm install && npm run build |
Start Command | npm start |
Port | 3000 |
Geben Sie diese Werte in die entsprechenden Felder ein.
Der Standardport von Leapcell ist 8080, während das Next.js-Framework 3000 als Standardport verwendet. Stellen Sie sicher, dass Sie dies korrekt konfigurieren.
4. Greifen Sie auf Ihre App zu:
Sobald die Bereitstellung erfolgt ist, sollten Sie eine URL wie foo-bar.leapcell.dev
auf der Bereitstellungsseite sehen. Besuchen Sie die Domain, die auf der Dienstseite angezeigt wird.
Kontinuierliche Bereitstellungen
Jeder Push in den verknüpften Branch löst automatisch einen Build und eine Bereitstellung aus. Fehlgeschlagene Builds werden sicher abgebrochen, sodass die aktuelle Version bis zur nächsten erfolgreichen Bereitstellung ausgeführt wird.
Erfahren Sie mehr über Continuous Deployments.