Oyun Kitabı
Architecture d'informations de type OpenSea (Architecture Dinformations DE Type Opensea)
Bare Crypto Marketplace SPA établit une architecture d'informations qui copie clairement OpenSea en tant que références de produits : Accueil, Marketplace, Visionneuse, Profil et formulaire neuf.
Interface utilisateur du marché de type OpenSea
Partie 1 de 3
SPA du marché Bare Crypto : architecture d'informations de type OpenSea (Accueil, Marketplace, Visionneuse, Profil, formulaire mint), découverte de listes en analysant totalSupply, séparation des utilitaires partagée avec Rinkeby Infura et les clients mint du réseau principal - ADR, limite de débit et échecs de liste obsolètes pendant 30 s.
Masquer la référence du produit brise l'architecture
En 2021, le client de la place de marché Bare Crypto a délibérément emprunté un langage de découverte NFT que les utilisateurs connaissaient déjà. OpenSea n'est pas ici une revendication concurrente, mais une référence de produit : la grille de découverte, la visionneuse NFT unique, la collection de profils et le formulaire Mint partagent le même modèle mental. Le framework React Router + Redux/saga combine ces surfaces dans un SPA ; Il est relié à la chaîne avec Infura via Rinkeby.```text Bare Marketplace SPA (OpenSea-like IA) ├─ / Home (keşif / trending) ├─ /marketplace Listing ızgarası (Reserve) ├─ /nft/:TokenId Viewer (al / sat / güncelle) ├─ /profile Sahip olunan koleksiyon └─ Minter form IPFS metadata + mint ↓ Web3 utils → Rinkeby Infura RPC (no keys in docs)
## Concepts à la première mention```text
📦 Ürün Referansı
Kopyalanan rakip değil; kullanıcıların zaten taşıdığı zihinsel modelin bilinçli ödünç alınması.
📦 Bilgi Mimarisi (IA)
Rotaların, sayfa işlerinin ve nesne sınırlarının (NFT, listing, profil) nasıl ayrıldığı.
📦 Viewer
`/nft/:TokenId` altında tek token için metadata, sahiplik ve listing etkileşiminin birleştiği yüzey.
📦 Mint Formu
Dosya + metadata alanlarını IPFS'e yazıp ardından sözleşmeye mint gönderen istemci formu.
```Il n’y a aucune honte à mentionner OpenSea ; Le cacher fait oublier à l’équipe quelle charte UX elle porte.
## Cinq surfaces, un modèle mental
La maison promet la découverte ; Marketplace répertorie les annonces ouvertes ; Le spectateur montre la vérité sur un seul NFT ; Le profil analyse les avoirs du portefeuille ; Minter crée une nouvelle entité. OpenSea a la même division du travail : Bare Crypto le regroupe dans un petit SPA.```text
OpenSea mental model
discover → browse listings → open asset → own / sell
Bare Crypto routes
Home → Marketplace → Viewer → Profile / Minter
```## Accord de routeur
La visionneuse avec le paramètre `/nft/:TokenId` accède à la seule véritable page de détails à partir des cartes de liste et des cartes de collection de profils. La page Marketplace intègre le conteneur Reserve ; La découverte de listes est une boucle utilitaire distincte de l'interface utilisateur (section suivante).
## Mélange de Redux/saga et d'état local
Alors que les globaux et le statut de l'utilisateur résident dans Redux, la grille de liste est actualisée avec `useState` + `setInterval` au niveau du conteneur dans la plupart des endroits. Cet hybride permet un prototypage rapide en l'absence d'un indexeur à l'échelle OpenSea ; brouille les frontières de la propriété.```text
ADR sketch
Decision: copy OpenSea IA into a single CRA SPA
Why: shared NFT mental model; ship on Rinkeby fast
Trade-off: no indexer, poll-heavy UI, IA ≠ protocol maturity
```## Signifie clairement OpenSea
Ne cachez pas « l’inspiration » dans l’étude de cas. La comparaison doit être honnête : Bare Crypto n’est pas un concurrent de protocole ; Il s'agit d'un clone client appris sur Rinkeby. Si la référence du produit est claire, l'analyse RPC et la distinction testnet/mainnet dans les sections suivantes ont du sens.
## Les confrontations les plus déroutantes de cet épisode```text
❌ OpenSea'yi anmamak = orijinal görünmek
✓ Referansı gizlemek IA kararını belirsizleştirir
❌ Her marketing sayfası (About/Careers) çekirdek IA'dır
✓ Çekirdek: Home, Marketplace, Viewer, Profile, Minter
❌ Viewer sadece görsel galeridir
✓ Viewer sahiplik, listing ve fiyat güncelleme etkileşimidir
❌ Mint formu marketplace'ten bağımsızdır
✓ Aynı NFT sözleşmesi + IPFS metadata hattını paylaşır
Liste de contrôle de votre propre système
- Quelles sont les cinq surfaces de la liste d'itinéraires qui portent le « modèle mental OpenSea » ?
- Quelles cartes fournissent des liens vers la visionneuse ?
- Le profil utilise-t-il le même filtrage totalSupply que Marketplace ?
- Quelles caractéristiques deviennent les champs de métadonnées Minter dans la visionneuse ?
- Pouvez-vous écrire les différences dans un seul diagramme avec OpenSea ?
Choses à retenir de cette section
- Bare Crypto Marketplace IA est une référence de produit OpenSea consciente.
- Accueil / Marketplace / Viewer / Profil / Le quintette Minter porte le modèle mental.
- Le fait de masquer la référence laisse les ADR de mise à l’échelle ultérieure sans signification.
Ce n'est pas une honte de copier OpenSea ; C'est dommage de ne pas savoir quel morceau on copie.
FAQ
Frequently asked questions
Qu'est-ce qu'une référence produit ?
Ce n'est pas le concurrent qui est copié ; emprunt conscient du modèle mental que les utilisateurs portent déjà.
Qu’est-ce que l’architecture de l’information (IA) ?
Comment les itinéraires, les tâches de page et les limites des objets (NFT, listing, profil) sont séparés.
Est-il vrai que « ne pas mentionner OpenSea = avoir l'air original » ?
Cacher la référence obscurcit la décision de l'AI
Que corrige cette section ?
Cette section explique pourquoi l'architecture de l'information a été reléguée à cet ensemble de pages, sans cacher la comparaison avec OpenSea. En 2021, le client de la place de marché Bare Crypto a délibérément emprunté un langage de découverte NFT que les utilisateurs connaissaient déjà. OpenSea n'est pas ici une revendication concurrente, mais une référence de produit : la grille de découverte, la visionneuse NFT unique, la collection de profils et le formulaire Mint partagent le même modèle mental. Le framework React Router + Redux/saga combine ces surfaces dans un SPA ; Il est relié à la chaîne avec Infura via Rinkeby.
Principes d'ingénierie appris
- Écrivez clairement la référence du produit ; La décision de l’AI ne devrait pas être une spéculation.
- Dans le jargon de l'exploration NFT, le contrat d'itinéraire précède le thème visuel.
- Mint, Viewer et Marketplace doivent partager le même modèle d'entité.
Continuer la lecture
Continuer la lecture
Suivant en série
Découverte de listes en analysant totalSupply
getListings lit le totalSupply NFT et effectue plusieurs appels RPC pour chaque tokenId.…
Même série
Séparation des clients Rinkeby Testnet et Mainnet
Les clients Collection Mint se durcissent sur le réseau principal tandis que Marketplace SPA se verrouille sur Rinkeby Infura.…
Articles connexes
Atterrissage de la marque Wallet par rapport à la portée réelle de l'extension
L'application Bare Wallet est honnêtement un SPA marketing/entonnoir de téléchargement – ce n'est pas une extension Chrome MV3.…