Créez votre propre AI NFT avec Openai et Thirdweb

Maison

Nouvelles

18 mai 2025

DouglasAnderson

Si vous êtes enthousiaste à l'idée d'explorer le domaine fascinant des NFT générés par IA, ce guide détaillé est là pour vous aider à créer votre propre générateur de NFT IA. En exploitant les capacités d'outils comme DALL-E d'OpenAI et l'Engine de Thirdweb, vous pouvez combiner la puissance créative de l'IA avec l'utilité robuste de la technologie blockchain pour frapper des NFT uniques et personnalisés sans effort. Que vous soyez un vétéran de la technologie ou un novice curieux, ce guide étape par étape vous accompagnera tout au long du processus, du début à la fin.

Points clés

Apprenez à créer un générateur de NFT alimenté par IA.
Utilisez DALL-E d'OpenAI pour générer des images à partir de prompts textuels.
Employez l'Engine de Thirdweb pour frapper des images générées par IA en tant que NFT.
Déployez des contrats intelligents pour gérer les NFT à l'aide du tableau de bord Thirdweb.
Maîtrisez l'intégration d'applications frontend avec la technologie blockchain.

Construire un générateur de NFT IA : Un guide étape par étape

Introduction à la génération de NFT IA

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

Ce tutoriel vous guidera dans la construction de votre propre générateur de NFT IA, en mettant l'accent sur l'utilisation de DALL-E d'OpenAI pour la création d'images et l'utilisation de l'Engine de Thirdweb pour frapper ces images créées par IA en tant que NFT.

Prérequis

Avant de plonger dans ce projet excitant, assurez-vous d'avoir les éléments suivants :

Connaissances de base en React et Next.js : Vous aurez besoin de vous familiariser avec JavaScript, les composants React et le framework Next.js pour construire l'application frontend.
Compte Thirdweb : Vous aurez besoin d'un compte Thirdweb gratuit pour déployer le contrat intelligent et utiliser l'Engine pour frapper des NFT. Inscrivez-vous sur 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é sur OpenAI.
Portefeuille Metamask : Vous aurez besoin d'un portefeuille Metamask pour interagir avec votre application et signer des transactions. Installez Metamask en tant qu'extension de navigateur depuis Metamask.
Node.js et npm : Assurez-vous d'avoir Node.js et npm (Node Package Manager) installés sur votre système.

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

Déploiement du contrat intelligent NFT avec Thirdweb

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

Déploiement du contrat intelligent

Ce contrat intelligent forme la base de votre collection de 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 :

Accédez à l'onglet Contrats : Après vous être connecté à votre compte Thirdweb, cliquez sur l'onglet 'Contrats' dans le tableau de bord.
Cliquez sur Déployer le contrat : Une fois dans l'onglet Contrats, cliquez sur le bouton 'Déployer le contrat'.
Parcourez les contrats et sélectionnez Collection NFT : Trouvez la section NFT et sélectionnez le contrat intelligent Collection NFT.
Configurez les métadonnées du contrat : Personnalisez votre contrat en fournissant un nom (par exemple, 'Générateur de NFT IA'), un symbole, une description et une image.
Définissez les royalties et les informations sur les ventes primaires : Spécifiez l'adresse du destinataire et le pourcentage pour les royalties des ventes secondaires, ainsi que l'adresse et le pourcentage pour les revenus des ventes primaires.
Sélectionnez le réseau/chaîne : Choisissez le réseau blockchain où vous souhaitez déployer votre contrat intelligent. Pour les tests, envisagez de déployer sur un testnet comme Sepolia.
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 intelligent NFT sera déployé avec succès.

Configuration de l'application Frontend

Maintenant, il est temps de construire l'application frontend.

Configuration du Frontend

Nous utiliserons Next.js pour cela.

Créez un nouveau dossier dans le répertoire API : Pour créer une fonction de frappe, 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 lier et le déployer.
Yarn add thirdweb : Installez thirdweb et OpenAI pour exécuter votre projet. Tapez `Yarn add thirdweb` pour l'installer.
Yarn add openai : Pour utiliser OpenAI sur votre hôte local, installez-le avec la commande `Yarn add openai`.
Créez un nouveau fichier : Allez dans Src et créez un nouveau fichier appelé clients.ts. Celui-ci contiendra votre clé API pour OpenAI et sera l'endroit où toutes vos actions s'exécuteront. Il contiendra également l'ID client public pour Thirdweb.
Importez le composant de connexion Thirdweb : Créez une fonction de connexion au portefeuille à utiliser sur la page.
Installez toutes les dépendances : Utilisez un outil en ligne de commande pour installer toutes les dépendances nécessaires.

Comment construire un Frontend avec le composant Thirdweb

En utilisant les composants Thirdweb, vous pouvez rapidement construire un frontend. Voici comment :

text

import { ConnectButton } from "@thirdweb-dev/react";
export default function Home() {
  return (
    
      {/* Bouton de connexion au portefeuille */}
      
    
  );
}

Importez le composant `ConnectButton` depuis `@thirdweb-dev/react`.
Utilisez le composant dans votre application.
C'est tout ! Vos utilisateurs peuvent se connecter à votre application en un seul clic.

Bouton de connexion

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 textuelles. Voici comment l'intégrer dans votre générateur de NFT IA :

Récupérez la clé API Thirdweb : Connectez-vous à votre compte Thirdweb et accédez à votre tableau de bord pour trouver votre clé API.
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 en tant que variables d'environnement.
Créez une instance OpenAI : Créez une instance à /app/generate.
Implémentez la route API de génération d'image : Écrivez du code pour générer une image et la frapper sur la blockchain.

text

export default async function POST(req: NextRequest) {
  const apiKey = process.env.OPENAI_API_KEY;
  if (!apiKey) {
    throw new Error("Clé API OpenAI manquante");
  }
  const {prompt} = await req.json();
  if (!prompt || prompt === "") {
    return new Response("Veuillez entrer un 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 requête à l'API OpenAI, génère une image basée sur le prompt et renvoie l'URL de l'image.

Frappe de NFT avec l'Engine de Thirdweb

L'Engine de Thirdweb simplifie le processus de frappe des NFT en gérant les complexités des transactions blockchain. Voici comment intégrer l'Engine :

Configurez les paramètres de l'Engine : Connectez-vous au tableau de bord Thirdweb, créez votre instance Engine et obtenez le point de terminaison de l'Engine.
Créez /Api/Mint.ts :

text

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 l'échange de cryptomonnaies, la création de NFT et le déploiement d'applications.

Création de l'interface utilisateur

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

Concevez votre mise en page : Configurez la structure avec display, flexDirection, alignItems, maxWidth et margin tous centrés pour un design attrayant.
Ajoutez des composants : Incluez connectWallet.js pour permettre aux utilisateurs de se connecter avec leurs comptes sociaux.
Affichage des NFT : Lorsqu'une image est générée, il est crucial de montrer votre travail à l'utilisateur.

Avec ces étapes, votre projet sera entièrement configuré.

Configuration du projet étape par étape

Comment configurer un contrat intelligent

Tout d'abord, pour utiliser notre générateur de NFT IA, nous devons créer un contrat intelligent NFT afin que notre application puisse frapper toutes les images que nous créons.

Créez un contrat intelligent ERC721 : Cliquez sur les contrats dans le tableau de bord Thirdweb, sélectionnez déployer des contrats intelligents et accédez au dossier NFT.
Sélectionnez le contrat intelligent “Collection NFT” à déployer.
Entrez le nom, le symbole et la description, puis téléchargez un fichier (facultatif).
Configurez les paramètres nécessaires et cliquez sur “Déployer maintenant”.
Signez l'accord en cliquant sur “Confirmer”. Vous avez maintenant un contrat intelligent.

Configuration du contrat intelligent

Comment frapper le NFT

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

Obtenez l'accès au contrat intelligent : Créez une nouvelle constante.
Tapez contrat et faites en sorte que useContract retourne pour traiter.
Écrivez une fonction Async/On Click en utilisant TypeScript pour effectuer une transaction blockchain :

text

// Frappe le NFT vers le portefeuille connecté
const mintNft = async () => {
  try {
    // Avant de frapper, indiquez au SDK de réclamer des NFT gratuits sur le portefeuille spécifié.
    await contract.erc721.claimTo(address, 1);
    // Affichez l'état de chargement
    alert("NFT frappé avec succès !");
  } catch (error) {
    console.error("échec de la frappe du NFT", error);
  }
}

Frappe de NFT

Comment obtenir de l'Eth de test gratuit

Créez un compte sur Alchemy : Avec un compte Alchemy, vous pouvez tester différentes fonctions. Si vous êtes nouveau sur le site, vous devrez l'installer.
Définissez votre chaîne sur Sepolia ou Mumbai : Cela vous permet d'utiliser un testnet sans encourir de coûts réels en cryptomonnaies.
Demandez de l'Eth de test sur la chaîne : Utilisez l'adresse de votre portefeuille personnel pour obtenir de l'Eth de test gratuit depuis leur robinet.

Eth de test

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

Utilisation du générateur de NFT

Générer un NFT

Après avoir configuré le code, voici les étapes à suivre pour utiliser le générateur de NFT :

Connectez votre portefeuille : Cliquez sur l'invite de portefeuille connecté, puis sur le contrat intelligent.
Choisissez un testnet : Sélectionnez votre chaîne sur Sepolia ou Mumbai pour éviter les coûts du mainnet ou les risques potentiels.
Entrez un prompt : Soyez aussi descriptif que possible pour de meilleurs résultats.
Appuyez sur Générer : L'IA générera une image basée sur votre prompt.

Génération de NFT

Questions fréquentes sur les générateurs de NFT IA

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

Un générateur de NFT IA est un outil qui utilise l'intelligence artificielle pour créer des jetons non fongibles (NFT) uniques et personnalisés. Il exploite des 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 tant que NFT sur une blockchain.

Qu'est-ce que l'Engine de Thirdweb ?

L'Engine de Thirdweb est un serveur HTTP qui vous permet d'appeler n'importe quelle transaction en chaîne sans que les utilisateurs aient à détenir des cryptomonnaies ou à payer pour le gaz. Il simplifie les interactions blockchain, facilitant la frappe et la gestion des NFT.

Qu'est-ce que DALL-E d'OpenAI ?

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

Questions connexes

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

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

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

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 uniques aux NFT, implémenter divers mécanismes de frappe et même incorporer des algorithmes de tarification pilotés par IA.

Quels sont certains cas d'utilisation potentiels pour les générateurs de NFT IA ?

Les générateurs de NFT IA 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 pour les jeux et développer des projets d'art génératif, pour ne citer que quelques cas d'utilisation.