Web3 पूर्ण पाठ्यक्रम | संपूर्ण Web3 Next.js DApp का निर्माण

समस्याओं को खत्म करने के लिए हमारे साधन का प्रयास करें

इस वीडियो में आपको इस पूरी तरह कार्यात्मक Web3 dApplication से परिचित कराया जाता है, हम इस Moralis Web3 पूर्ण पाठ्यक्रम में एक साथ कोड करने जा रहे हैं।

यह डैशबोर्ड3 है! नेक्स्ट.जेएस के साथ कॉम्बो में एक वेब3 डैशबोर्ड मोरालिस प्रोजेक्ट जो आपको मेटामास्क के साथ प्रमाणित करने की अनुमति देता है और आपके सभी ईआरसी 20 टोकन बैलेंस दिखाता है, एथेरियम ब्लॉकचैन पर आपके पिछले 5 लेनदेन, आपके एनएफटी और आपको ईथर को अन्य एथेरियम पते पर भेजने की अनुमति देता है।

मेरा विश्वास करो ... आप इस वेब 3 डीएपी को कोड करके बहुत कुछ सीखेंगे, और आश्चर्यजनक बात यह है कि आपके पास मोरालिस एसडीके और एपीआई का लाभ उठाने के लिए सभी बुनियादी ज्ञान होंगे और किसी भी तरह के विकेन्द्रीकृत वेब एप्लिकेशन को कोड करना होगा जिसे आप फेंकना चाहते हैं। Web3 दुनिया से संबंधित जटिलता। मोरालिस हमारे लिए इस सारी जटिलता को संभाल लेगा!



मोरालिस (मुफ्त में) हमें एक पूर्ण बैकएंड इंफ्रास्ट्रक्चर (सर्वर, मोंगोडीबी डेटाबेस, वेब 3 एपीआई) प्रदान करेगा जो जाने के लिए तैयार है और केवल एक क्लिक के साथ बढ़ाया जा सकता है।

अंतिम लेकिन कम से कम, हम चक्र यूआई घटकों का उपयोग करके अपने डीएपी में कुछ बुनियादी स्टाइल लागू करेंगे।

अध्याय
00:00 परिचय
01:48 Next.js ऐप बनाएं
04:27 चक्र यूआई जोड़ें
07:31 Moralis सर्वर बनाएँ और Moralis को Next.js . में जोड़ें
15:21 मेटामास्क के साथ प्रमाणीकरण प्रवाह
51:32 डैशबोर्ड का कंकाल UI बनाना
58:20 प्रोफ़ाइल घटक (उपयोगकर्ता नाम और ETH वॉलेट पता दिखाएं)
01:17:10 बैलेंस कंपोनेंट (ETH बैलेंस और सभी ERC20 टोकन बैलेंस)
01:41:15 लेन-देन घटक (रिंकबी टेस्ट नेटवर्क के तहत पिछले 5 लेनदेन दिखाएं)
01:55:00 एनएफटी घटक (ईआरसी721 और ईआरसी1155 एनएफटी दिखाएं)
02:08:13 ETH कंपोनेंट भेजें
02:32:25 निष्कर्ष

डेमो डीएपी ️ https://moralis-nextjs-dashboard.vercel.app/

✅ उपयोगी संसाधन

➡️ https://nextjs.org/
️। https://moralis.io/
️। https://github.com/MoralisWeb3/react-moralis
️ https://chakra-ui.com/
️ https://metamask.io/
➡️ https://faucets.chain.link/rinkeby
️ https://rinkeby.etherscan.io/

सदस्यता लें: https://www.youtube.com/channel/UCPfnsyDEXALlgqZaQXpLpYg/फीचर्ड

www.youtube.com

Web3 पूर्ण पाठ्यक्रम | संपूर्ण Web3 Next.js DApp का निर्माण

इस वीडियो में आपको इस पूरी तरह कार्यात्मक Web3 dApplication से परिचित कराया जाता है, हम इस Moralis Web3 पूर्ण पाठ्यक्रम में एक साथ कोड करने जा रहे हैं। यह डैशबोर्ड3 है! एक वेब

यह सभी देखें:

नई वस्तुएं

सबसे पठनीय

संपादक की पसंद