vercel.md

title	description	layout	lang
Vercel	Deployment mit Vercel	../../../layouts/docs.astro	de

Wir empfehlen, deine App auf Vercel zu deployen. Es macht es super einfach, Next.js Apps zu deployen.

Projekt Konfiguration

Vercel wird sehr wahrscheinlich automatisch deinen Build-Befehl konfigurieren und das Verzeichnis veröffentlichen. Du kannst dies aber auch, zusammen mit anderen Konfigurationen, in einer Datei namens vercel.json angeben und folgende Befehle einfügen:

{
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "devCommand": "npm run dev",
  "installCommand": "npm install"
}

Verwendung des Vercel Dashboards

1. Nachdem du deinen Code in ein GitHub Repository gepusht hast, melde dich bei Vercel mit GitHub an und klicke auf Add New Project.

2. Importiere das GitHub Repository mit deinem Projekt, welches du deployen möchtest.

3. Füge deine Umgebungsvariablen hinzu.

4. Klicke auf Deploy. Wenn du nun einen Push in dein Repository machst, wird Vercel automatisch deine App neu deployen!

Verwendung der Vercel CLI

Um deine App von der Kommandozeile zu deployen, musst du zuerst die Vercel CLI global installieren.

npm i -g vercel

Führe den vercel Befehl aus, um dein Projekt zu deployen.

vercel

Füge --env DATABASE_URL=YOUR_DATABASE_URL_HERE für Umgebungsvariablen wie die Datenbankverbindung hinzu. Verwende --yes, wenn du die Deployment-Fragen überspringen möchtest und die Standardantwort für jede geben möchtest.

vercel --env DATABASE_URL=YOUR_DATABASE_URL_HERE --yes

Nach dem ersten Deployment wird dieser Befehl auf einen Preview-Branch deployen. Du musst --prod hinzufügen, um Änderungen direkt auf die Produktivsystem zu pushen.

vercel --prod