Als Entwickler m?chte ich nicht durch eine Shopify-Vorlage eingeschr?nkt werden, m?chte aber auch nicht deren Storefront-API mit einer benutzerdefinierten App verwenden. Ich m?chte eine vollst?ndig anpassbare L?sung in der Hand haben, die ich nach meinen Wünschen anpassen kann. Von ui/ux, db, backend, api, authentifizierung, devops und so weiter. Also habe ich eine vollst?ndig anpassbare L?sung mit React, Next.js, MongoDB und Stripe für Zahlungen erstellt.

Demo-Link finden Sie hier: https://wexcommerce.dynv6.net:8002

Und Quellcode hier: https://github.com/aelassas/wexcommerce

Mit der folgenden L?sung k?nnen Sie eine vollst?ndig anpassbare, für SEO optimierte E-Commerce-Website mit einem betriebsbereiten Stripe-Zahlungsgateway zu sehr geringen Kosten erstellen, indem Sie sie auf einem Docker-Droplet mit mindestens 1 GB RAM hosten.

Diese L?sung besteht aus einem Frontend und einem Admin-Dashboard. über das Frontend k?nnen Kunden nach den gewünschten Produkten suchen, diese in den Warenkorb legen und zur Kasse gehen. Kunden k?nnen sich bei Google, Facebook, Apple oder E-Mail anmelden und mit Kreditkarte, Nachnahme, überweisung, PayPal, Google Pay, Apple Pay, Link oder anderen Stripe-Zahlungsmethoden bezahlen. Sobald sie eingeloggt sind, k?nnen sie auf den Verlauf ihrer Eink?ufe zugreifen und ihre Bestellungen verfolgen. über das Admin-Dashboard k?nnen Administratoren Bestellungen, Zahlungen, Produkte, Kategorien, Kunden und allgemeine Einstellungen wie die Standardsprache, die W?hrung, Lieferung, Versand und akzeptierte Zahlungsmethoden verwalten.

Eine wichtige Designentscheidung wurde aufgrund seiner zahlreichen Vorteile für die Verwendung von TypeScript getroffen. TypeScript bietet starke Typisierung, Tools und Integration, was zu hochwertigem, skalierbarem, besser lesbarem und wartbarem Code führt, der einfach zu debuggen und zu testen ist.

Merkmale

• Lagerverwaltung
• Auftragsverwaltung
• Zahlungsverwaltung
• Kundenmanagement
• Mehrere Zahlungsoptionen (Kreditkarte, Nachnahme, überweisung, PayPal, Google Pay, Apple Pay, Link)
• Operationelles Stripe-Zahlungsgateway
• Mehrere Lieferoptionen (Lieferung nach Hause, Abholung im Gesch?ft)
• Unterstützung mehrerer Sprachen (Englisch, Franz?sisch)
• Mehrere Anmeldeoptionen (Google, Facebook, Apple, E-Mail)
• Responsives Backend und Frontend

Ressourcen

1. übersicht
2. Installation (selbst gehostet)
3. Installieren (Docker)
   1. Docker-Image
   2. SSL
4. Stripe einrichten
5. Von der Quelle ausführen
6. Demo-Datenbank
   1. Windows, Linux und macOS
   2. Docker
7. Sprache und W?hrung ?ndern
8. Neue Sprache hinzufügen
9. Protokolle

Jedes Feedback ist willkommen.

Das obige ist der detaillierte Inhalt vonE-Commerce mit Next.js aufbauen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!