Collection de NFTs : Créer un site professionnel animé et responsive
HTML-код
- Опубликовано: 9 июл 2024
- Salut c'est Ben ! Dans cette vidéo nous allons créer un site internet animé et responsive de qualité professionnelle pour présenter notre collection de NFTS ! Ce projet est gratuit et tu pourras l'utiliser pour ta collection de NFTs sans rien me donner en retour ! Dans un premier temps nous allons importer le projet, puis le personnaliser, et enfin, nous mettrons le site internet de présentation de votre collection de NFTs en ligne afin que tout le monde puisse y avoir accès !
🥇Ma formation qui vous apprendra à créer une collection de NFTs professionnelle (génération des NFTs, OpenSea, Smart Contract (ERC721A, Whitelist Sale avec Merkle Tree, Public Sale, Gifts, Reveal etc...), Site de mint (ReactJS/NextJS), Marketing, Psychologie, Juridique, Sécurité et des BONUS inédits ! (Tous les scripts sont fournis avec la formation) 🥇
ben-bk-academy.teachable.com/...
-------------------------------------------------------------------------
🌍 Communauté & soutien :
- Rejoignez mon Discord (plein de bonus !) : / discord
- Soutenez-moi sur Patreon : / benbk
- Soutenez-moi avec un don en cryptos sur mon adresse Ethereum : 0x06fCEd3C170534fB5304724Df4aE0E3C5Ad2e111
⏱️ Chapitres :
0:00 : Introduction
1:28 : Importer le projet complet (gratuit)
3:35 : Personnaliser le site
16:11 : Mettre le site internet en ligne
🔎 Liens :
- GIT : git-scm.com/downloads
- FileZilla : filezilla-project.org/downloa...
- Lien Github du projet : github.com/BenBktech/WebSite-NFT
- FontAwesome (pour les icônes) : fontawesome.com/
- Ionos 1&1 (hébergeur) : www.ionos.fr/
🤵 Je suis Ben BK, formateur en développement front-end, back-end et blockchain. Mon objectif ? Vous aider à devenir des développeurs Blockchain !
💭 Mes réseaux / Mon site :
Twitter : / benbktech
Twitch : / benbktech
Tiktok : / imbenbk
Site Web : benbk.io/
Instagram pro avec des infos exclusives : / benbktech
Instagram perso : / imbenbk
Veuillez noter Ben BK ne sera pas responsable de toute perte ou de tout dommage, quel qu'il soit, causé par votre participation de quelque manière que ce soit au code expérimental, qu'il s'agisse de placer de l'argent dans le contrat ou d'utiliser le code pour votre propre projet.
Nous ne sommes pas des conseillers financiers. Le contenu de ce site Web et de nos vidéos RUclips est uniquement destiné à des fins éducatives et ne fait que citer nos opinions personnelles. Afin de prendre la meilleure décision financière en fonction de vos propres besoins, vous devez effectuer vos propres recherches et demander l'avis d'un conseiller financier agréé si nécessaire.
#solidity #smart #contract #contrat #intelligent #mint #collection #nft #dapp #reactjs #ethereum #ipfs #erc721 #creer #site #internet #présentation #vitrine #collections #nfts
La HD passait pas j'ai du réuploader, n'hésitez pas à reliker pour booster la vidéo ! A savoir que pour changer l'image d'accueil avec les 4 Mekaverses vous devez changer l'image "hero.png" dans le répertoire "img". N'hésitez pas à commenter si cette vidéo vous plaît :D ! Merci à vous tous !
Pour mettre vos propres images : mettez vos propres images dans le dossier /img. Ensuite, là où vous voulez placer ces images, mettez le lien dans le fichier index.html. exemple :
Quand je met dans studio code ça me met une érreur
@@coronaofire4751 viens sur notre discord pour nous montrer ca
@@BenBK ok
@@BenBK j'ai rejoind ton discord ça ne m'apprend pas plus. Le fichier SSH n'apparait pas je suppose que tu a rendu cela indisponible. Comment avoir le projet sans copier coller le fichier SSH
@@coronaofire4751 Le projet est publique, tu peux le copier, y'a pas besoin de clé ssh ou autre, j'avoue ne pas comprendre..
Merci BenBk pour tous les tutos sur les NFT. Pourrais tu faire une vidéo sur l'optimisation du gas pendant un mint NFT ou alors un tips pour mint automatiquement un NFT à la sortie d'une collection ?
Tes contenus sont toujours aussi interessants. Ca permet de comprendre de A à Z la création d'un projet NFT et on se rend compte qu'il y a beaucoup de choses à faire à coté en plus de dessiner et générer ses NFts :-).
:D ! merci !
Super Cool le tuto et merci pour le partage !
Avec plaisir 😁
Tres beau boulot 🧪
⁉️
extra et bien expliqué, je reviendrai te dire dans les com si j'ai reussis à créer un site au départ de ta vidéo. Dans tous les cas merci d'avance.
Ton taff est parfait, merci beaucoup pour ces vidéos, encore une fois.
Est-il possible d'ajouter des NFTs sur OpenSea qui n'ont pas été minté sur le site de mint ? est-il également possible de rajouter des nfts spéciaux, sur la même collection sur opensea en créant une catégorie speciale pour ces nfts ? Merci !
love it
Merci l'ami !
💚🙏
bonjour peux tu stp nous éclaircir sur le weigh si dans un répertoire ou on 140 élémentscomment gerer au mieux la rareté sachant qu'on ne peut pas aller au dessus de 100% la somme de tous les element du repertoire doit faire 100 c'est cela ?
Salut Ben, tes vidéos sont top, t'es très pédagogue, tu arrives à simplifier des choses complexes, et c'est assez rare en crypto actuellement. Tu as vraiment un marché à prendre chez les FR, continue ! Personnellement j'aimerai une vidéo sur comment créer un token, un contrat de A à Z. Salut !
Merci ! J'ai une vidéo dans ce domaine ;)
@@BenBK Oui je l’ai regardé ahah !
Je parlais notamment de l’application derrière, l’ajout de la liquidité, et de l’explication simplifiée du contrat : explication du rôle de chaque ligne de code, definition des termes pour toucher un public plus large !
top 👍
:D !
Bonjour,Après quelques petites galères du a ma forte absence dans le monde du codage léger html css my remettre dedans est un plaisir l'évolution est intéressante depuis 2012 .... les outils ont bien évolués c'est devenu sans trop m'avancer sympas de créer un petit site internet rip wix et les conneries de ce genre la je suis a 4:30 de ta vidéo je sais pas encor ci tu parleras en tuto pour expliquer les sauvegardes de fichiers en cas d'erreur par exemple sur la page une commande mal rentré qui aurait faussé le codage ou une virgule oublié difficile a retrouvé par exemple et faire un back up pour gagner du temp. Je continue de suivre ton tuto et je te remercie le noob que je suis redevenue apprécie ton travail xD.ci je peut me permettre possible ? je recherche des dessinateurs débutant je construit un projet autour de cette actualité ... j'ai le nom de domaine assez percutant je travail sur le site j'ai quelques photos des vrais pas du google image ... ci il y a des intéressés .... la porte est ouverte
Je découvre ta chaine. Très intéressant.
Question: est ce compliqué d’intégrer un mode de paiment en crypto monnaie sur sa boutique en ligne afin de vendre ses nft sur son site ou faut il obligatoirement passer par une marketplace?
J'ai fait un tuto là-dessus si ça t'intéresse 😉 ''site pour mint'' tu verras c'est dans les 4 à 5 dernières vidéos
@@BenBK j'allais poser la même question, franchement ta chaîne c'est une pépite, ya que du contenu anglais qui parle trop vite je comprend la moitié je désespéré. Merci merci merci !
Salut Ben,
Merci Bcp pour tout tes tutos, c'est top !
J'aurais 3 petites questions sur les typos ?
Dois je mettre le dossier de la typo quelque part avant d'indiquer son nom dans font family ?
Et pour modifier le style de la typo "gras/italic/thin/regular" ou est ce cela se passe ?
Et comment ajouter une typo pour le titre différentes du reste du site ?
Merci du temps que tu prendra pour y répondre. Et encore super pour tes vidéos, très pédagogique !
En fait c'est tout bon j'ai trouvé ma solution ! Merci pour ce site c'est top !
salut
merci beaucoup pour ta video!
je voudrais savoir comment l'upload sur siteground ?
merci d'avance
Hey je connais pas site ground dsl
Slt je suis de Colmar, merci pour l'eguillage
Le monde est petit !
Super video bravo, mais il manque un truc obligatoire pour un site NFT c'est l'intégration d'un wallet metamask ou Phantom, tu penses nous faire une autre video pour ça ?
Hey, deja fait avec le site de mint là c'est juste un site vitrine 😉
salut, tout d'abord un grand merci pour les tutos que tu fais c super clair et informatif, comment on pourrait rentrer en contact avec vous pour quelques informations en privé, merci d'avance :)
Hey merci ! mon discord :)
Merci BenBk. Tu as bloqué la demande d'amis sur DISCORD. En tout cas top. Comme je t'ai déjà dit tu vas mettre tous les devs au chômage ;)
Comment tu ferais pour utiliser ce site web avec la partie connexion au Wallet pour MINTER ? C'est le tuto qui me manquerai pour me lancer ;)
Merci
Je t'ai écris sur Discord ;) Merci :D
salut benbk jai un probleme quand je veut copier ladresse sur github jai pas SSH qui apparait
Hey ! N'hésite pas à poser ta question sur le channel questions-reponses de notre Discord :)
salut tu a pu avoir le lien ssh?
salut, quelqun sait si c'est possible d'implanter une candy machine a ce site ? merci a tous
Tout est possible, faut ensuite développer sur le site la candy machine, là c'est pas intégré tel quel
Peut-on modifier le site une fois en ligne ? Merci pour cette super vidéo !
Hey, le site internet oui, le contrat non :)
Très bonne vidéo Merci ! Min 13:00 tu a oublié de dire comment faire pour modifier les photos thanks
Merci ! Vous pouvez mettre vos propres images dans le dossier ''img'' et ensuite les importer dans le fichier en changeant les liens dans le fichier HTML 😉
@@BenBK Merci mais je suis vraiment novice j'ai tout fait il me manque juste sa a faire 😉 Step 1: Ou modifier l'URL ? Step2: Comment avoir un URL image correct ? thanks bro 💪✌️✌️
@@Limitless34 faut que tu arrives à essayer de repérer l'image à changer en regardant le texte qui est à côté, tu verras l'image qui correspond avec son lien à changer. Une image est dans une balise . Ensuite toi tu devras mettre ton image dans le dossier img et dans la valise IMG il faudra changer le src qui est le lien vers la bonne image. N'hésite pas à venir sur le Discord demander de l'aide sinon 🙏
Après pour l'image des 4 mekas à l'accueil c'est différent. Il faut changer le lien dans le fichier style.css à la ligne 76 ;)
@@BenBK Merci j'ai trouver encore plus simple j'ai copié mes images de mon ordinateur et je l'ai transféré directement sur Linux dossier image Website-Nft et cela marche, j'avais juste ensuite à modifier sur les lignes le nom et bingo wow sa marche ! Thanks
Bonjour, cette vidéos est des plus enrichissante un grand merci. Cependant je rencontre un problème (sans doute parce que je n'est aucune connaissance en codage), lorsque j'essaye de réaliser la 1ère étape (écrire "git clone + lien) le logiciel me dit :
"git : Le terme «git» n'est pas reconnu comme nom d'applet de
commande, fonction, fichier de script ou programme exécutable.
Vérifiez l'orthographe du nom, ou si un chemin d'accès existe,
vérifiez que le chemin d'accès est correct et réessayez.
Au caractère Ligne:1 : 1"
Auriez vous une solution par hasard ? merci d'avance
hey merci ! installe git et redémarre l'ordinateur :)
j'ai exactement le meme soucis
Salut ben ! j'ai activé un contrat ssl qui sécurise mon site, seulement quand j'essaie de me rendre sur mon site et que j'écris "monsite".io la connexion s'affiche en non sécurisé (mais je peux me rendre sur le site) et quand j'ecris https avnt le nom de mon site il est inscrit ce message d'erreur :ERR_SSL_PROTOCOL_ERROR . sais tu d'ou peut provenir le problème ? merci d'avance !
Bonsoir ben bonne vidéo mais comment changer les photos de mechas
ça dépend... si tu parles des 4 premiers mechas en haut ils sont tous les 4 en une image. Le lien png ce retrouve dans le fichier style.css et tu cherche la ligne:
background-image: url('img/hero.png');
T'as juste a remplacer ce lien png par celui d'une photo que t'aura au préalable placé dans le fichier img si ta photo c x.png tu fais:
background-image: url('img/x.png');
@@snaillou1981 exactement ça !
Et sinon pour les autres images tu as juste à mettre tes images et mettre les bons liens dans le fichier HTML. Par exemple : si tu veux afficher une image qui s'appelle ''test.jpg'' tu l'as met dans le dossier image et ensuite tu changes le lien en ''img/test.jpg'' dans le fichier HTML aux endroits concernés 😉
Est si je veux mettre des sections : à propos ou inscription, puis contact possibilité d'envoyer un mail
Faudra un peu faire de HTML et de css si tu t'y connais 😉 je me tâte à faire une formation là dessus
Salut Ben j'aimerai pouvoir creer un site comme celui de shiba inu une idée ?
Voit du côté de JavaScript yen a des déjà réalisés qui existent
@@BenBK tu aurais un youtubeur ou un github qui pourrais me guider ?
le git clone ne fonctionne pas :)
As-tu installé git et redémarré ton ordinateur ? Lien de git en description ;)
Salut Ben, merci pour tes vidéos tu es au top. J'ai un projets de dingue à te proposer, si tu es intéressé n'hésite pas à me contacter.
Salut ben je te suis sur ton discord j'ai un projet qui me tient a coeur sur lequel je taff depuis peu et j'aurai besoin de quelqu'un infos de ta part stp