Créer du commerce électronique avec Next.js

En tant que développeur, je ne veux pas être confiné par un modèle Shopify, mais je ne veux pas non plus utiliser leur API de vitrine avec une application personnalisée. Je souhaite avoir en main une solution entièrement personnalisable que je peux ajuster à ma guise. Depuis ui/ux, db, backend, api, authentification, devops, etc. J'ai donc construit une solution entièrement personnalisable avec React, Next.js, MongoDB et Stripe pour les paiements.

Vous pouvez trouver le lien de démonstration ici : https://wexcommerce.dynv6.net:8002

Et le code source ici : https://github.com/aelassas/wexcommerce

Avec la solution suivante, vous pouvez créer un site Web de commerce électronique entièrement personnalisable optimisé pour le référencement avec une passerelle de paiement Stripe opérationnelle à très faible coût en l'hébergeant sur un droplet Docker avec au moins 1 Go de RAM.

Cette solution est composée d'un frontend et d'un tableau de bord d'administration. Depuis le frontend, les clients peuvent rechercher les produits qu’ils souhaitent, les ajouter à leur panier et procéder au paiement. Les clients peuvent s'inscrire avec Google, Facebook, Apple ou par e-mail et payer par carte de crédit, paiement à la livraison, virement bancaire, PayPal, Google Pay, Apple Pay, Link ou d'autres méthodes de paiement Stripe. Une fois connectés, ils peuvent avoir accès à l'historique de leurs achats et suivre leurs commandes. Depuis le tableau de bord d'administration, les administrateurs peuvent gérer les commandes, les paiements, les produits, les catégories, les clients et les paramètres généraux tels que la langue par défaut, la devise, la livraison, l'expédition et les modes de paiement acceptés.

Une décision clé en matière de conception a été prise d'utiliser TypeScript en raison de ses nombreux avantages. TypeScript offre un typage, des outils et une intégration puissants, ce qui donne lieu à un code de haute qualité, évolutif, plus lisible et maintenable, facile à déboguer et à tester.

Caractéristiques

• Gestion des stocks
• Gestion des commandes
• Gestion des paiements
• Gestion client
• Plusieurs options de paiement (carte de crédit, paiement à la livraison, virement bancaire, PayPal, Google Pay, Apple Pay, lien)
• Passerelle de paiement Stripe opérationnelle
• Plusieurs options de livraison (Livraison à domicile, Retrait en magasin)
• Support multilingue (anglais, français)
• Plusieurs options de connexion (Google, Facebook, Apple, Email)
• Backend et frontend réactifs

Ressources

1. Aperçu
2. Installation (auto-hébergé)
3. Installation (Docker)
   1. Image Docker
   2. SSL
4. Configuration de Stripe
5. Exécuter à partir de la source
6. Base de données de démonstration
   1. Windows, Linux et macOS
   2. Docker
7. Changer la langue et la devise
8. Ajouter une nouvelle langue
9. Journaux

Tout commentaire est apprécié.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!