"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
ऑनलाइन उपकरण
सॉफ्टवेयर ट्यूटोरियल
साइट नेविगेशन
प्रोग्रामिंग
मुखपृष्ठ > प्रोग्रामिंग > Next.js के साथ ईकॉमर्स का निर्माण

Next.js के साथ ईकॉमर्स का निर्माण

2024-10-31 को प्रकाशित
ब्राउज़ करें:207

Building eCommerce with Next.js

एक डेवलपर के रूप में, मैं शॉपिफाई टेम्पलेट तक सीमित नहीं रहना चाहता, लेकिन कस्टम ऐप के साथ उनके स्टोरफ्रंट एपीआई का उपयोग भी नहीं करना चाहता। मैं एक पूरी तरह से अनुकूलन योग्य समाधान हाथ में रखना चाहता हूं जिसे मैं अपनी इच्छानुसार समायोजित कर सकूं। यूआई/यूएक्स, डीबी, बैकएंड, एपीआई, प्रमाणीकरण, डेवॉप्स इत्यादि से। इसलिए, मैंने भुगतान के लिए React, Next.js, MongoDB और Stripe के साथ एक पूरी तरह से अनुकूलन योग्य समाधान बनाया।

आप डेमो लिंक यहां पा सकते हैं: https://wexcommerce.dynv6.net:8002

और स्रोत कोड यहां: https://github.com/aelassas/wexcommerce

निम्नलिखित समाधान के साथ, आप कम से कम 1 जीबी रैम के साथ डॉकर ड्रॉपलेट पर होस्ट करके बहुत कम लागत पर एक ऑपरेशनल स्ट्राइप पेमेंट गेटवे के साथ एसईओ के लिए अनुकूलित एक पूरी तरह से अनुकूलन योग्य ईकॉमर्स वेबसाइट बना सकते हैं।

यह समाधान एक फ्रंटएंड और एक एडमिन डैशबोर्ड से बना है। फ्रंटएंड से, ग्राहक अपने इच्छित उत्पादों को खोज सकते हैं, उन्हें अपने कार्ट में जोड़ सकते हैं और चेकआउट कर सकते हैं। ग्राहक Google, Facebook, Apple या ईमेल से साइन अप कर सकते हैं और क्रेडिट कार्ड, कैश ऑन डिलीवरी, वायर ट्रांसफर, PayPal, Google Pay, Apple Pay, Link या अन्य स्ट्राइप भुगतान विधियों से भुगतान कर सकते हैं। एक बार लॉग इन करने के बाद, वे अपनी खरीदारी के इतिहास तक पहुंच सकते हैं और अपने आदेशों का पालन कर सकते हैं। व्यवस्थापक डैशबोर्ड से, व्यवस्थापक ऑर्डर, भुगतान, उत्पाद, श्रेणियां, ग्राहक और सामान्य सेटिंग्स जैसे डिफ़ॉल्ट भाषा, मुद्रा, वितरण, शिपिंग और स्वीकृत भुगतान विधियों का प्रबंधन कर सकते हैं।

इसके कई फायदों के कारण टाइपस्क्रिप्ट का उपयोग करने के लिए एक महत्वपूर्ण डिजाइन निर्णय लिया गया था। टाइपस्क्रिप्ट मजबूत टाइपिंग, टूलींग और एकीकरण प्रदान करता है, जिसके परिणामस्वरूप उच्च-गुणवत्ता, स्केलेबल, अधिक पठनीय और रखरखाव योग्य कोड होता है जिसे डीबग करना और परीक्षण करना आसान होता है।

विशेषताएँ

  • स्टॉक प्रबंधन
  • प्रबंधन को आदेश दें
  • भुगतान प्रबंधन
  • ग्राहक प्रबंधन
  • एकाधिक भुगतान विकल्प (क्रेडिट कार्ड, कैश ऑन डिलीवरी, वायर ट्रांसफर, पेपाल, गूगल पे, ऐप्पल पे, लिंक)
  • ऑपरेशनल स्ट्राइप पेमेंट गेटवे
  • एकाधिक डिलीवरी विकल्प (होम डिलीवरी, स्टोर से निकासी)
  • एकाधिक भाषा समर्थन (अंग्रेजी, फ्रेंच)
  • एकाधिक लॉगिन विकल्प (Google, Facebook, Apple, ईमेल)
  • उत्तरदायी बैकएंड और फ्रंटएंड

संसाधन

  1. अवलोकन
  2. इंस्टॉल करना (स्वयं-होस्टेड)
  3. स्थापित करना (डॉकर)
    1. डॉकर छवि
    2. एसएसएल
  4. सेटअप स्ट्राइप
  5. स्रोत से चलाएं
  6. डेमो डेटाबेस
    1. विंडोज, लिनक्स और मैकओएस
    2. डॉकर
  7. भाषा और मुद्रा बदलें
  8. नई भाषा जोड़ें
  9. लॉग

किसी भी प्रतिक्रिया की सराहना की जाती है।

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/aelassas/building-ecommerce-with-nextjs-3aa4?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए [email protected] से संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>
वर्गीकरणअधिक>
जापानी सीखें कोरियाई सीखो चीनी सीखें विदेशी भाषा सीखें खेल आम समस्या प्रौद्योगिकी परिधीय ऐ सॉफ्टवेयर ट्यूटोरियल प्रोग्रामिंग लेख

चीनी भाषा का अध्ययन करें

औजारअधिक>
छवि बेस64 डिकोडिंग
चीनी पिनयिन
यूनिकोड एन्कोडिंग
जेएस ऑबफस्केशन एन्क्रिप्शन संपीड़न
यूआरएल हेक्साडेसिमल एन्क्रिप्शन उपकरण
UTF-8 एन्कोडिंग रूपांतरण उपकरण
ऑनलाइन Ascii एन्कोडिंग और डिकोडिंग उपकरण
MD5 एन्क्रिप्शन उपकरण
हैश/हैश टेक्स्ट ऑनलाइन एन्क्रिप्शन और डिक्रिप्शन टूल
ऑनलाइन SHA एन्क्रिप्शन

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3