मुख्य सामग्री पर जाएं
नमूना ऐप्स पर वापस जाएँ

Solana वॉलेट एक्सप्लोरर

Solana वॉलेट एक्सप्लोरर एक का लाभ उठाता है Quicknode Solana Endpoint किसी निर्दिष्ट वॉलेट के लिए टोकन बैलेंस, लेनदेन इतिहास और एनएफटी प्राप्त करने के लिए Solana ब्लॉकचेन।

परिनियोजन आइकन
ऐप डिप्लॉय करें
GitHub आइकन
रेपो देखें
फ्रंटएंड फ्रेमवर्क/लाइब्रेरी:
रिएक्ट/नेक्स्ट.जेएस
भाषा:
टाइपप्रति
बिल्ड टूल/डेवलपमेंट सर्वर:
Next.js
नमूना ऐप पूर्वावलोकन

अवलोकन

Solana वॉलेट एक्सप्लोरर एक का लाभ उठाता है Quicknode Solana Endpoint किसी निर्दिष्ट वॉलेट के लिए टोकन बैलेंस, लेनदेन इतिहास और एनएफटी प्राप्त करने के लिए Solana ब्लॉकचेन। यह एक का उपयोग करता है Next.js 14 परियोजना को बूटस्ट्रैप किया गया create-next-app.

शुरू करना

Install Dependencies​

सबसे पहले, आवश्यक शर्तें स्थापित करें:

NPM स्थापित करना
 # या
 धागा
 # या
 पीएनपीएम स्थापित करना
 # या
 बन इंस्टॉल

Set Environment Variables​

सुनिश्चित करें कि आपके पास एक Quicknode endpoint यह सुविधाजनक है—आप इसे यहां से मुफ्त में प्राप्त कर सकते हैं।

नाम बदलें .env.example को .env.local and add your Quicknode Solana endpoint. Set DAS_API_ENABLED को true only if you have access to the Metaplex product.

SOLANA _RPC_URL=https://example. solana - mainnet .quiknode.pro/123456/
 DAS_API_ENABLED=true
 NEXT_PUBLIC_FETCH_JUPLIST=true

सबसे पहले, डेवलपमेंट सर्वर चलाएं:

npm run dev
 # या
 यार्न देव
 # या
 पीएनपीएम देव
 # या
 बन देव

परिणाम देखने के लिए अपने ब्राउज़र में http://localhost:3000 खोलें।

डीऐप का उपयोग करना

खोजें Solana वॉलेट का पता दर्ज करें और एंटर दबाएं। Dapp आपको रीडायरेक्ट कर देगा। /वॉलेट/[पता] और पूछताछ करें Solana वॉलेट के टोकन बैलेंस, लेनदेन और एनएफटी के लिए ब्लॉकचेन का उपयोग किया जाता है। परिणाम संबंधित कार्डों में प्रदर्शित होते हैं।

वास्तुकला​

स्रोत/
 ├── ऐप/
 │ └── एपीआई/
 │ └── बटुआ/
 ├── घटक/
 ├── अन्वेषक/
 └── शीर्षक/
  • एपीआई - इसमें API रूट शामिल हैं Solana आरपीसी कॉल। क्लाइंट द्वारा इन्हें एक्सेस किया जा सकता है। /api/wallet/[method]?walletAddress=[address]ये GET अनुरोध निम्नलिखित का उपयोग करते हैं। @ solana /web3.js क्वेरी को संभालने के लिए लाइब्रेरी और मेटाप्लेक्स डिजिटल एसेट स्टैंडर्ड फ्रेमवर्क का उपयोग किया जाता है।
  • अवयव - इसमें डैप के लिए रिएक्ट कंपोनेंट्स शामिल हैं।
    • The एक्सप्लोरर इस कंपोनेंट में क्लाइंट-साइड कंपोनेंट होते हैं जो एपीआई रूट को कॉल करते हैं और परिणाम प्रस्तुत करते हैं।
    • The हैडर इस कंपोनेंट में डैप के लिए सर्च बार शामिल है।

वर्सेल पर तैनात करें

वर्सेल के साथ डिप्लॉय करें

पूर्व दर्शन

पूर्व दर्शन

Next.js दस्तावेज़ीकरण

Next.js के बारे में अधिक जानने के लिए, निम्नलिखित संसाधनों पर एक नज़र डालें:

आप Next.js के GitHub रिपॉजिटरी को देख सकते हैं - आपकी प्रतिक्रिया और योगदान का स्वागत है!

योगदान और प्रतिक्रिया
हमें आपकी प्रतिक्रिया सुनकर खुशी होगी और इस सैंपल ऐप में किसी भी तरह के योगदान का हम स्वागत करते हैं!
समस्याओं की रिपोर्ट करने या प्रतिक्रिया साझा करने के लिए, GitHub में एक समस्या खोलें। प्रश्न-मार्गदर्शिका-उदाहरण भंडार।
योगदान देने के लिए, इन चरणों का पालन करें:
  1. रिपॉजिटरी को फोर्क करें
  2. एक फीचर ब्रांच बनाएं:
    git checkout -b feature/amazing-feature
  3. अपने बदलावों को सेव करें:
    git commit -m "अद्भुत सुविधा जोड़ें"
  4. अपनी शाखा को आगे बढ़ाएं:
    git push origin feature/amazing-feature
  5. एक पुल रिक्वेस्ट खोलें।
और भी सैंपल ऐप्स देखें
टाइटन मेटा-एग्रीगेशन स्वैप
एक पृष्ठ Solana टाइटन गेटवे मेटा-एग्रीगेशन एपीआई पर निर्मित स्वैप यूआई, जिसे इसके माध्यम से परोसा जाता है Quicknode . प्रतिस्पर्धी प्रदाताओं के उद्धरणों को उजागर करता है, ऑनचेन स्थानों को छूता है, और एक स्व-संरक्षित निर्माण → हस्ताक्षर → भेजें flow लेन-देन की पुष्टि के माध्यम से Quicknode आरपीसी.
टाइटन मेटा-एग्रीगेशन स्वैप
Solana एक्शन ब्लिंकर
यह एप्लिकेशन आपको बनाने और उनके साथ इंटरैक्ट करने की अनुमति देता है। Solana पार्सिंग द्वारा की गई क्रियाएँ Solana एक्शन यूआरएल को उनके संबंधित एक्शन में डालें। विवरण देखने, एक्शन को निष्पादित करने के लिए अपने वॉलेट को कनेक्ट करने या दिए गए स्ट्रक्चर का उपयोग करके नए एक्शन बनाने के लिए एक वैध एक्शन यूआरएल दर्ज करें।
Solana एक्शन ब्लिंकर
Solana टोकन मिंटर
यह एप्लिकेशन आपको फंजीबल टोकन बनाने की अनुमति देता है। Solana ब्लॉकचेन जिसमें अंतर्निहित समर्थन है IPFS छवि अपलोड का उपयोग करके Quicknode 'एस IPFS एपीआई.
Solana टोकन मिंटर