Vercel beginner productivity 100% Usefulness

Next.js-Anwendung mit Vercel bereitstellen

Veröffentlichen Sie Ihre Next.js-Anwendung einfach und schnell auf Vercel, indem Sie Ihr GitHub-Repository verbinden und Umgebungsvariablen konfigurieren.

Originalvideo ansehen: We're frozen out (for good?)

4 Schritte

Projekt auf GitHub pushen

Stellen Sie sicher, dass Ihr Next.js-Projekt in einem GitHub-Repository liegt.

Tipp: Verwenden Sie eine `.gitignore`-Datei, um sensible Daten und Build-Artefakte auszuschließen.

Vercel mit GitHub verbinden

Melden Sie sich bei Vercel an und importieren Sie Ihr GitHub-Projekt. Vercel erkennt automatisch, dass es sich um eine Next.js-Anwendung handelt.

Tipp: Erteilen Sie Vercel die notwendigen Berechtigungen für Ihr Repository.

Umgebungsvariablen konfigurieren

Fügen Sie alle benötigten Umgebungsvariablen (z.B. `SUPABASE_URL`, `STABILITY_API_KEY`, `STRIPE_SECRET_KEY`) in den Projekt-Einstellungen von Vercel unter 'Environment Variables' hinzu. Achten Sie auf die korrekte Benennung (z.B. `NEXT_PUBLIC_` für Frontend-Variablen).

Warnung: Verwenden Sie niemals sensible API-Schlüssel direkt im Frontend. Nur Backend-Variablen sollten ohne `NEXT_PUBLIC_` sein.

Bereitstellen und testen

Vercel wird Ihr Projekt automatisch bereitstellen. Überprüfen Sie die Logs im Vercel-Dashboard auf Fehler und testen Sie Ihre Anwendung gründlich nach der Bereitstellung.

Tipp: Jeder Push auf den Hauptbranch löst standardmäßig eine neue Bereitstellung aus, was einen effizienten CI/CD-Workflow ermöglicht.

← Alle Playbooks anzeigen