国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Maison interface Web js tutoriel Créer du commerce électronique avec Next.js

Créer du commerce électronique avec Next.js

Oct 19, 2024 pm 08:35 PM

Building eCommerce with 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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefa?on, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

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?!

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

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

Javascript contre Java: Quelle langue devez-vous apprendre? Javascript contre Java: Quelle langue devez-vous apprendre? Jun 10, 2025 am 12:05 AM

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

Quels commentaires symboles à utiliser dans javascript: une explication claire Quels commentaires symboles à utiliser dans javascript: une explication claire Jun 12, 2025 am 10:27 AM

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.

Le guide ultime des commentaires JavaScript: améliorer la clarté du code Le guide ultime des commentaires JavaScript: améliorer la clarté du code Jun 11, 2025 am 12:04 AM

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

Commentaires JavaScript: Explication courte Commentaires JavaScript: Explication courte Jun 19, 2025 am 12:40 AM

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

Java vs Javascript: effacer la confusion Java vs Javascript: effacer la confusion Jun 20, 2025 am 12:27 AM

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.

Ma?triser les commentaires JavaScript: un guide complet Ma?triser les commentaires JavaScript: un guide complet Jun 14, 2025 am 12:11 AM

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

Types de données JavaScript: une plongée profonde Types de données JavaScript: une plongée profonde Jun 13, 2025 am 12:10 AM

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

JavaScript: Exploration des types de données pour un codage efficace JavaScript: Exploration des types de données pour un codage efficace Jun 20, 2025 am 12:46 AM

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

See all articles