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
- Aper?u
- Installation (auto-hébergé)
-
Installation (Docker)
- Image Docker
- SSL
- Configuration de Stripe
- Exécuter à partir de la source
-
Base de données de démonstration
- Windows, Linux et macOS
- Docker
- Changer la langue et la devise
- Ajouter une nouvelle langue
- 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!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

JavascriptSidealforWebDevelopment, tandis que JavasuitsLarge-ScaleApplicationsAndAndroidDevelopment.1) JavascriptExcelsInCreatingInteractiveWebexperiences andfull-stackdevelopmentwithnode.js.2)

Dans JavaScript, le choix d'un commentaire à une seule ligne (//) ou d'un commentaire en plusieurs lignes (//) dépend de l'objectif et des exigences du projet du commentaire: 1. Utilisez des commentaires à une seule ligne pour une interprétation rapide et en ligne; 2. Utilisez des commentaires multi-lignes pour une documentation détaillée; 3. Maintenir la cohérence du style de commentaire; 4. évitez la sur-annulation; 5. Assurez-vous que les commentaires sont mis à jour de manière synchrone avec le code. Le choix du bon style d'annotation peut aider à améliorer la lisibilité et la maintenabilité de votre code.

Oui, JavaScriptComments ararecessey et devraient être utilisés en fonction de la manière

JavaScriptCommentsaSententialFormantaining, Reading et GuidingCodeEexecution.1) unique-linecomesaUSEUSEFORQUICKEXPLANATIONS.2) Multi-linecommentSExPlainComplexLogicorProvideTailedDocumentation.3) Inlinecomementsclarifypecifications

Java et JavaScript sont différents langages de programmation, chacun adapté à différents scénarios d'application. Java est utilisé pour le développement des grandes entreprises et des applications mobiles, tandis que JavaScript est principalement utilisé pour le développement de pages Web.

CommentairesaRecrucialInjavaScriptFormantAntaining ClarityandfosterringCollaboration.1) TheyHelpindebuggging, INBORDING et comprise compenser laveevolution.2) Utilisation de linecomments à la hauteur

Javascripthasseveralprivevedatatypes: numéro, cha?ne, booléen, indéfini, nul, symbole, etbigint, et nonne-primitiveTypes lisebjectandarray.Cendurstanding theseiscrucialforwritingEfficient, bogue-freecode: 1)

JavascripthSsevenfundamentalDatatypes: nombre, cha?ne, booléen, indéfini, nul, objet, andymbol.1) nombres usUseadouble-précisformat, utile
