Créez votre propre AI NFT avec Openai et Thirdweb

Si vous êtes impatient d'explorer le domaine fascinant des NFT générés par l'AI, ce guide détaillé est là pour vous aider à élaborer votre propre générateur AI NFT. En exploitant les capacités d'outils comme Dall-E d'Openai et le moteur de ThirdWeb, vous pouvez mélanger le pouvoir créatif de l'IA avec l'utilité robuste de la technologie de la blockchain pour éprouver des NFT uniques et personnalisées sans effort. Que vous soyez un vétéran de la technologie ou un novice curieux, ce guide étape par étape vous guidera à travers le processus du début à la fin.

Points clés

• Apprenez à créer un générateur NFT propulsé par AI.
• Utilisez Dall-E d'Openai pour générer des images à partir d'invites de texte.
• Utilisez un moteur ThirdWeb pour mentonner les images générées par l'AI comme NFTS.
• Déployez les contrats intelligents pour la gestion des NFT à l'aide du tableau de bord ThirdWeb.
• Saisissez l'intégration des applications de frontend avec la technologie blockchain.

Construire un générateur AI NFT: un guide étape par étape

Introduction à la génération de l'AI NFT

La fusion de l'intelligence artificielle et de la technologie de la blockchain a donné naissance à des opportunités incroyables de créativité et d'innovation. Parmi ceux-ci figure le générateur AI NFT, un outil qui permet aux utilisateurs de créer des jetons non butins (NFT) uniques et personnalisés à l'aide d'algorithmes d'IA. En fusionnant les prouesses de génération d'images d'AI avec les fonctionnalités de sécurité et de propriété de la blockchain, ces générateurs offrent une nouvelle frontière pour les créateurs et les collectionneurs.

Ce didacticiel vous guidera dans la construction de votre propre générateur AI NFT, en vous concentrant sur la mise à profit de Dall-E d'Openai pour la création d'images et en utilisant le moteur de ThirdWeb pour éprouver ces images fabriquées en AI comme NFTS.

Condition préalable

Avant de plonger dans ce projet passionnant, assurez-vous d'avoir ce qui suit:

• Connaissance de base de React et Next.js: Vous aurez besoin de familiarité avec JavaScript, React Components et le framework suivant.js pour créer l'application Frontend.
• Compte ThirdWeb: vous aurez besoin d'un compte ThirdWeb gratuit pour déployer le contrat intelligent et utiliser le moteur pour la baisse des NFT. Inscrivez-vous à ThirdWeb.
• Clé API OpenAI: L'accès à Dall-E pour la génération d'images nécessite une clé API OpenAI. Assurez-vous d'avoir une clé valide et d'avoir configuré la facturation sur votre compte OpenAI. Obtenez votre clé d'Openai.
• Metamask Wallet: Vous aurez besoin d'un portefeuille Metamask pour interagir avec votre application et signer les transactions. Installez Metamask comme extension de navigateur à partir de Metamask.
• Node.js et NPM: assurez-vous que Node.js et NPM (Node Package Manager) sont installés sur votre système.

Avec ces outils et comptes en place, vous êtes prêt à commencer à construire votre générateur AI NFT.

Déploiement du contrat intelligent NFT à l'aide de ThirdWeb

La première étape consiste à déployer un contrat intelligent NFT.

Ce contrat intelligent constitue les bases de votre collection NFT, définissant ses propriétés et garantissant la propriété. Voici comment le déployer à l'aide du tableau de bord convivial de ThirdWeb:

1. Accédez à l'onglet Contrats: Après vous être connecté à votre compte ThirdWeb, cliquez sur l'onglet «Contrats» dans le tableau de bord.
2. Cliquez sur Déploier Contrat: Une fois dans l'onglet Contrats, cliquez sur le bouton «Déployer le contrat».
3. Parcourez les contrats et sélectionnez la collection NFT: Trouvez la section NFT et sélectionnez le contrat intelligent de la collection NFT.
4. Configurer les métadonnées du contrat: personnalisez votre contrat en fournissant un nom (par exemple, «générateur de nft»), un symbole, une description et une image.
5. Définir les redevances et les informations primaires des ventes: spécifiez l'adresse et le pourcentage du destinataire pour les redevances de vente secondaire, ainsi que l'adresse et le pourcentage des revenus de vente primaire.
6. Sélectionnez Network / Chain: Choisissez le réseau de blockchain où vous souhaitez déployer votre contrat intelligent. Pour les tests, envisagez de se déployer dans un test de test comme Sepolia.
7. Déployez le contrat intelligent: après avoir configuré les paramètres du contrat, cliquez sur le bouton «Déployer maintenant» et confirmez la transaction dans votre portefeuille Metamask.

Une fois la transaction confirmée sur la blockchain, votre contrat Smart NFT sera déployé avec succès.

Configuration de l'application Frontend

Il est maintenant temps de construire l'application Frontend.

Nous utiliserons Next.js pour cela.

1. Créez un nouveau dossier dans le répertoire API: Pour créer une fonction de menthe, vous aurez besoin d'un appel API. Créez un nouveau dossier appelé «Mint» dans le répertoire API et un fichier appelé Route.ts pour tout relier et le déployer.
2. Yarn Ajouter ThirdWeb: Installez ThirdWeb et Openai pour exécuter votre projet. Tapez `yarn Ajoutez ThirdWeb 'pour l'installer.
3. Yarn Add Openai: Pour utiliser Openai sur votre hôte local, installez-le avec la commande `yarn ajouter openai`.
4. Créez un nouveau fichier: accédez à SRC et créez un nouveau fichier appelé clients.ts. Cela contiendra votre clé API pour OpenAI et sera là où toutes vos actions se déroulent. Il contiendra également l'ID du client public pour ThirdWeb.
5. Importez le troisième composant Web Connexion: créez une fonction de portefeuille Connect à utiliser sur la page.
6. Installez toutes les dépendances: utilisez un outil de ligne de commande pour installer toutes les dépendances nécessaires.

Comment construire un frontal avec un troisième composant

En utilisant des composants ThirdWeb, vous pouvez rapidement construire un frontend. Voici comment:

 import { ConnectButton } from "@thirdweb-dev/react"; export default function Home() { return ( 
 {/* Connect wallet button */}  
 ); }

• Importez le composant `ConnectButton` à partir de` @ ThirdWeb-Dev / React`.
• Utilisez le composant dans votre application.
• C'est ça! Vos utilisateurs peuvent se connecter à votre application en un seul clic.

Implémentation de Dall-E d'Openai pour la génération d'images

Dall-E est un outil puissant pour générer des images à partir de descriptions de texte. Voici comment l'intégrer dans votre générateur AI NFT:

1. Récupérez la touche de l'API ThirdWeb: connectez-vous à votre compte ThirdWeb et accédez à votre tableau de bord pour trouver votre clé API.
2. Configurez les variables d'environnement: créez un fichier .env dans votre projet Next.js et stockez votre clé API OpenAI et votre clé API ThirdWeb comme variables d'environnement.
3. Créez une instance OpenAI: créez une instance sur / app / générer.
4. Implémentez la route de l'API Générer: écrivez du code pour générer une image et le menter sur la blockchain.

 export default async function POST(req: NextRequest) { const apiKey = process.env.OPENAI_API_KEY; if (!apiKey) { throw new Error("Missing OpenAI API Key"); } const {prompt} = await req.json(); if (!prompt || prompt === "") { return new Response("Please enter a prompt", { status: 400 }); } const openai = new OpenAI({ apiKey, }); const response = await openai.images.generate({ prompt, n: 1, size: "512x512", }); const image_url = response.data[0].url; return NextResponse.json({ data: image_url }); }

Ce code envoie une demande à l'API OpenAI, génère une image basée sur l'invite et renvoie l'URL de l'image.

NFT NFT avec moteur ThirdWeb

Le moteur de ThirdWeb simplifie le processus de réduction des NFT en gérant les complexités des transactions blockchain. Voici comment intégrer le moteur:

1. Configurer les paramètres du moteur: connectez-vous au tableau de bord ThirdWeb, créez votre instance de moteur et obtenez le point de terminaison du moteur.
2. Créer / api / menthe.ts:

 import { ThirdwebSDK } from "@thirdweb-dev/sdk"; export const mint = async (address: string, imageUri: string) => { const sdk = ThirdwebSDK.fromPrivateKey(process.env.THIRDWEB_SECRET_KEY as string, "sepolia"); const contract = await sdk.getContract(process.env.NEXT_PUBLIC_CONTRACT_ADDRESS as string, "nft-collection"); const tx = await contract.mintTo(address, { name: "Ai", description: "NFT", image: imageUri, }); const receipt = tx.receipt; const tokenId = tx.id; const nft = await tx.data(); return nft; }

Utilisez ThirdWebsDK pour accéder à l'API Blockchain, permettant des transactions telles que le trading de la crypto-monnaie, la fabrication de NFT et le déploiement des applications.

Fabrication de l'interface utilisateur

Pour créer une interface utilisateur facile à utiliser et interactive, vous devrez rédiger du code HTML, CSS et TypeScript. ThirdWeb rend ce processus simple.

1. Concevoir votre disposition: configurez la structure avec l'affichage, ladirection flexible, les alignitems, le maxaitement maxon et la marge, le tout centré pour un excellent design.
2. Ajoutez des composants: incluez ConnectWallet.js pour que les utilisateurs se connectent à l'utilisation de leurs comptes sociaux.
3. Affichage de NFT: Lorsqu'une image est générée, il est crucial d'afficher votre travail à l'utilisateur.

Avec ces étapes, votre projet sera entièrement mis en place.

Configuration du projet étape par étape

Comment mettre en place un contrat intelligent

D'abord et avant tout, pour utiliser notre générateur AI NFT, nous devons créer un contrat SMART NFT afin que notre application puisse appuyer toutes les images que nous créons.

1. Créez un contrat intelligent ERC721: cliquez sur des contrats sur le tableau de bord ThirdWeb, sélectionnez Déployer les contrats intelligents et accédez au dossier NFTS.
2. Sélectionnez le contrat intelligent «NFT Collection» à déploier.
3. Entrez le nom, le symbole et la description, puis téléchargez un fichier (facultatif).
4. Configurez tous les paramètres dont vous avez besoin et cliquez sur «Déployer maintenant».
5. Signez l'accord en cliquant sur «Confirmer». Vous avez maintenant un contrat intelligent.

Comment époustoufler la NFT

Maintenant que vous avez le contrat intelligent, voici le code pour frapper la NFT à la blockchain:

1. Accédez au contrat intelligent: créez un nouveau const.
2. Tapez le contrat et prenez un retour au processus.
3. Écrivez une fonction async / en clic à l'aide de TypeScript pour effectuer une transaction blockchain:

 // Mint the NFT to the connected wallet const mintNft = async () => { try { // Before minting, tell the SDK to claim free NFTs on the specified Wallet. await contract.erc721.claimTo(address, 1); // Show loading state alert("NFT Minted Successfully!"); } catch (error) { console.error("failed to mint nft", error); } }

Comment obtenir un test gratuit eth

1. Créez un compte sur Alchemy: avec un compte d'alchimie, vous pouvez tester différentes fonctions. Si vous êtes nouveau sur le site Web, vous devrez l'installer.
2. Définissez votre chaîne sur Sepolia ou Mumbai: cela vous permet d'utiliser un testt de TestNet sans encourir de vrais coûts de cryptographie.
3. Demandez le test eth sur la chaîne: utilisez votre adresse de portefeuille personnel pour obtenir un Test Free ETH de leur robinet.

* Remarque: Vérifiez toujours comment un portefeuille interagira avec les contrats avant de signer des transactions. *

Utilisation du générateur NFT

Générer une NFT

Après avoir configuré le code, voici les étapes à suivre pour l'utilisation du générateur NFT:

1. Connectez votre portefeuille: cliquez sur l'invite du portefeuille connecté, puis cliquez sur le contrat intelligent.
2. Choisissez un testnet: sélectionnez votre chaîne à Sepolia ou Mumbai pour éviter les coûts principaux ou les risques potentiels.
3. Entrez une invite: soyez aussi descriptif que possible pour les meilleurs résultats.
4. Appuyez sur Generate: l'IA générera une image en fonction de votre invite.

Des questions fréquemment posées sur les générateurs AI NFT

Qu'est-ce qu'un générateur AI NFT?

Un générateur AI NFT est un outil qui utilise l'intelligence artificielle pour créer des jetons (NFT) uniques et personnalisés. Il exploite les algorithmes d'IA pour générer des images, de la musique ou d'autres formes d'art numérique qui peuvent être frappées en NFT sur une blockchain.

Qu'est-ce que le moteur ThirdWeb?

ThirdWeb Engine est un serveur HTTP qui vous permet d'appeler une transaction sur chaîne sans obliger les utilisateurs à tenir la crypto ou à payer le gaz. Il rationalise les interactions blockchain, ce qui facilite la frappe et la gestion des NFT.

Qu'est-ce que Openai Dall-E?

Dall-E d'Openai est un puissant modèle d'IA qui peut générer des images à partir de descriptions de texte. Il est largement utilisé pour créer des visuels uniques et imaginatifs, ce qui en fait un excellent choix pour la génération AI NFT.

Questions connexes

Quels sont les composants clés nécessaires pour construire un générateur AI NFT?

Les composants principaux incluent une application frontal, un contrat intelligent, un générateur d'images AI (comme Openai Dall-E) et un système pour la baisse des NFT (comme le moteur ThirdWeb). Le frontend permet aux utilisateurs d'interagir avec le générateur, le contrat intelligent gère la propriété de NFT, l'IA génère l'art et le système de frappe de frappe crée les NFT sur la blockchain.

Comment puis-je personnaliser mon générateur AI NFT?

Les options de personnalisation sont pratiquement illimitées. Vous pouvez intégrer différents modèles d'IA, modifier la conception de l'interface utilisateur, ajouter des traits NFT uniques, mettre en œuvre divers mécanismes de baisse et même incorporer des algorithmes de tarification basés sur l'IA.

Quels sont les cas d'utilisation potentiels pour les générateurs AI NFT?

Les générateurs AI NFT peuvent être utilisés pour créer des avatars personnalisés, générer des objets de collection numériques uniques, automatiser la création d'actifs en jeu et développer des projets d'art génératifs, pour ne nommer pas quelques cas d'utilisation.