nextjs starter medusa

Medusa Next.js Starter -Vorlage

Kombinieren Sie die Module von Medusas Modulen für Ihr Handels -Backend mit den neuesten Next.js 15 -Funktionen für eine Performantische Storefront.

Voraussetzungen

Um die Next.js -Starter -Vorlage zu verwenden, sollten Sie einen Medusa -Server auf Port 9000 ausführen. Für einen schnellen Setup rennen Sie:

npx create-medusa-app@latest

Weitere Informationen und Fehlerbehebung finden Sie unter create-Medusa-App-Dokumenten.

Überblick

Die Medusa Next.js Starter ist gebaut mit:

• Weiter.js
• Rückenwind -CSS
• Typoskript
• Meduse

Zu den Funktionen gehören:

• Voller E -Commerce -Unterstützung:
  • Produktdetailseite
  • Produktübersicht Seite
  • Produktsammlungen
  • Wagen
  • Kasse mit Streifen
  • Benutzerkonten
  • Bestelldetails
• Voller nächstes.js 15 Unterstützung:
  • App Router
  • Nächstes Abrufen/Caching
  • Serverkomponenten
  • Serveraktionen
  • Streaming
  • Statische Vorrenderung

QuickStart

Einrichten der Umgebungsvariablen

Navigieren Sie in Ihr Projektverzeichnis und erstellen Sie Ihre Umgebungsvariablen vor:

 cd nextjs-starter-medusa/
mv .env.template .env.local

Abhängigkeiten installieren

Verwenden Sie Garn, um alle Abhängigkeiten zu installieren.

yarn

Sich entwickeln

Sie sind jetzt bereit, Ihr Projekt zu starten.

yarn dev

Öffnen Sie den Code und beginnen Sie mit dem Anpassen

Ihre Website läuft jetzt unter http: // localhost: 8000!

Zahlungsintegrationen

Standardmäßig unterstützt dieser Starter die folgenden Zahlungsintegrationen

• Streifen

Um die Integrationen zu aktivieren, müssen Sie Ihre .env.local -Datei Folgendes hinzufügen:

NEXT_PUBLIC_STRIPE_KEY= < your-stripe-public-key >

Sie müssen auch die Integrationen in Ihren Medusa -Server einrichten. Weitere Informationen zum Konfigurieren von Stripe finden Sie in der Medusa -Dokumentation.

Ressourcen

Erfahren Sie mehr über Medusa

• Webseite
• Github
• Dokumentation

Erfahren Sie mehr über Next.js

• Webseite
• Github
• Dokumentation