How to create an NFT website landing page & Deploy for FREE (Complete tutorial | EASY!)
ฝัง
- เผยแพร่เมื่อ 20 พ.ค. 2024
- Check out the collection I made:
▶ codecats.xyz
▶ bit.ly/CodeCats
🧑🏾🤝🧑🏽 Join my Discord community: / discord
In this video, I’m going to show you how to create your own custom landing page for your NFT project. Including a countdown timer and MetaMask integration. We’ll even deploy it for FREE on Netlify.
- SOURCE CODE -
💾 GitHub Repo: github.com/codeSTACKr/nft-lan...
- OTHER VIDEOS -
1️⃣ How To Create An ENTIRE NFT Collection (10,000+) & MINT for FREE: • How To Create An ENTIR...
2️⃣ Create LAYERS for your 10,000 NFT Collection for FREE: • STEP BY STEP Create LA...
3️⃣ List & Reveal An ENTIRE NFT Collection (10,000+): • How To List & Reveal A...
_____________________________________
🦸 Become A VS Code SuperHero Today: vsCodeHero.com
_____________________________________
▶ HTML Crash Course: • HTML Crash Course In 3...
▶ CSS Crash Course: • CSS Crash Course In 30...
▶ JavaScript Crash Course: • JavaScript Tutorial Fo...
_____________________________________
🛠️ Tools I use:
🟠 codeSTACKr Theme: marketplace.visualstudio.com/...
🟠 STACKr Code Font (Exclusive to my VS Code Course - vsCodeHero.com)
🟠 SuperHero Extension Pack: marketplace.visualstudio.com/...
_____________________________________
⏱️ Timestamps ⏱️
00:00 - Intro
01:05 - Project Set Up
02:39 - Customize the Landing Page
06:58 - MetaMask Landing Page Integration
09:06 - Commit & Sync Changes with GitHub
09:38 - Deploy Site with Netlify for FREE
_____________________________________
💖 Show support!
PayPal: paypal.me/codeSTACKr
_____________________________________
👀 Watch Next:
Playlist: Web Development For Beginners - • Web Development - Begi...
_____________________________________
🌐 Connect With Me:
Website: www.codestackr.com
Twitter: / codestackr
Instagram: / codestackr
Facebook: / codestackr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#GenerativeArt #NFT #Crypto
Check out the collection I made:
▶ codecats.xyz
▶ bit.ly/CodeCats
🧑🏾🤝🧑🏽 Join my Discord community: discord.gg/A9CnsVzzkZ
Don’t know what happened to mines, I changed the “reveal” link with my own picture and they still loaded with the orange one that was on the sample smh 🤦🏻♂️
The most in depth and cohesive video on this subject I've seen. Thank you! I can't wait for the other parts. Especially looking forward to the section for people to mint their own piece of a collection.
this is just crazyyyyyy
never have i imagined in my life that i will be able to do this.
had been delaying this process for my madmummiez collection from quite some time.
just love you brother...
eagerly waiting for the next versions...
keep up the good work
Absolutely love the NFT tutorials you've been doing!! Keep them coming!!
I've watched a lot of videos about nft websites ... THIS IS THE BEST ONE !!!! You are helping me A LOT!!! Thank you!!!! Also please consider making this a full series.
This is by far THE BEST video in learning how to code and get your project hitting the ground running.. especially if you're trying to put all your html, css, and js learning together.. thanks and thanks.
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more
i’m a big time visual learner and not a lot of videos always show the whole process, however this is one of the best videos and it is very helpful thank you very much
Awesome, thank you!
hey hey y is my favicon logo not changing despite replacing it with my desired image???
pls help me out guys...
only the favicon image is not changing
should i do anything??
Just subbed, can't wait for this series!
This is soooo helpful for non tech, creative types like myself. Thank you so much!
yes it is
This is the best tutorial I have ever seen, I can't wait for you to build on this.
Great video man. Id love to see a full series on this alone. Whitelist. Minting. Private pages. Anything dynamic, asynchronious, or web3 driven.
All topics on the way ;)
@@codeSTACKr You wouldn't happen to be releasing the video for creating a minting site today would you, I could really use that right about now! 😊 great tutorials!
Can't wait to see the advanced features video! Thanks alot
really excited for the next videos , very helpful thank you
Simply , you are the best !
Thank you.
insane!! I love this guy
this is one of the best videos!!!! i love u man !!!!!!
Definately cannot wait for more videos especially how you can allow minting from the site! Thankyou!
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more.,
Freaking love it! Thank you so much. Look forward for the full bundle of codes.
Really looking forward to the expansion on this topic especially the option to allow owners of nfts to reveal there own nfts at a time of there choosing! Rather then at purchase.
Also hoping for a tutorial on the process of using one nft to mint multiple other nfts from a collection when the customer has the original consumable nft in there wallet.
Amazing, very nice work! in the future would like to see how can we create a smart contract and link it to our website. Amazing work. you won a subscriber :D
Yes, that's what I looking for
You made my day
Please include a video all about whitelist in this series
This video just made my life a lot easier
Thanks Man
@HashLips NFT hi
Awesome. Just what I needed. Subbed and bell smashed! Thanks man! Hope to connect more personally soon!!!
Awesome, thank you!
You are absolutely awesome Sir.! ❤️
East or West your the best
Really lot of help from your video
Just completed my layout for my nft
Thank you ❣️ for your help I am getting with your videos ❤️❤️
Most welcome 😊
Thanks again brilliant!
Exactly what i was looking for. Looking forward to see how we could let users grant access to a specific page of the website only if it has at least one of yours nft in its wallet. Super content. Thumbs up 👍🏻
More videos coming soon! Thanks :)
Yes! I am loving the NFT creation videos. Thanks.
Can you help me
@@codeSTACKr so what's next? all done?
Amazing work thank you for sharing your knowledge!! Looking forward on learning how to create a fully functional mint button for eth 🙌🏼
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more.,
Thanks for the awesome job\advice on auto creating NFTs. Do you know what I should use to make a 3D model - for more poses? That way attributes like necklaces and other things can be added, but you get to bend the character to different poses > then turn on various attributes > take a image > rinse and repeat? The main character will have a different pose, which means the attributes will need to change. This is the reason for a 3D model, where the attributes will not have to be updated - hopefully. I am looking to get this as automated as possible. I was hoping for something in the Adobe collection. Sorry for the long question and thank you for your time.
thank you, you are a genius, this type of videos is what i'm looking for
👍👍
Love your videos, everytime we got something new to learn from you.! Can you please make a video on how to add mint engine in our Wordpress website. Thanks again.
Great video! Can you do a whitelist one too? That would be SO helpful.
hope you will be able to add the airdrop and presale function too! Looking forward to the future videos!
Fantastic Video - Thanks so much
Heyya! Like your video's
Really enjoying this NFT series
Thanks!
hi jesse, really love your video, very helpful and details. If we want to use custom template website can we put this metamask function code on it? Thank you!
Super helpfull and completely useful topic
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more
This is the exactly info I’ve been searching for
Need info on how to intergrade mint button and exclusive access page and whitelist
thanking you sooo much !
Thanks!! your tutorials are amazing! when is next video release? ❤
Thanks dude! You're the Man! Can you do a video on adding different pages as well as sections on the home page with more info, videos and images please?
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more.,
Hello, thanks for the helpful content. I have a question, is it possible to make image preview before buyer mint NFT on our site?
Thanks so much for the video? I have a question though, how will be uploading the images once we deployed the site?
Thanks! And where is the video where the front and backend are connected together? or you gonna to release these videos step by step
Amazing video! Love your content haha Can you make a video of allowing certain addresses whitelist access.
coming soon!
Hello, loving your videos,
are you still planing to do the video that "owners only access secret pages"?
thanks man
thank you so much i love you
Love this. You da 🐏🐏🐏
When will the next videos in this series be available? Thanks for the great content!
I love that video!!! 👌👌But can you make a video about mint button or minting website it will be very helpful for a lot of people and also for me. Thanks a lot . 🔥
For sure! Coming soon in this series 🙂
@@codeSTACKr hi is this mint button option out yet?
@@spartanza318 sorry, it's taking more time. But it's going to be a big video, coming soon.
Hello great video! Did I miss the part on how to connect your landing page with your deployed contract? Or is that a future video? I have a contract already minted just having trouble getting a landing page to handle the transactions and minting of the nft's. This would be so helpful. Thank you for the content and help on this journey
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more.,
@@bycodyonchain698 scam alert
Love your content! Was wondering if I could do this with the phantom wallet?
Perfection
great video! i would like to know how to connect it to the phantom wallet. is there any video comming in the future?
Big thx for the content
I just have a q
Should I first mint the collection on OpenSea and then presale it on the website or sth else ?
I’m so confused ab it
Would be so thankful if u create a content ab this thing
Great video! I have a question, How can I do to insted of Metamask use phantom wallet ?
Good tutorial. You have a new subscriber . One question: How secure is the link to the metamask? I know quite sure if people will trust to connect their wallet there.
We need more block chain and nft related content from your channel
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more
Thank you for this walkthrough and make it so easy a NOOB😆😆 like moi can do it and not feel stupid that they don't know
Hi awesome video. could you actually explain how to integrat and connect the dapp with NFT contract???
This is Amazing, Are we ever gonna learn how to add a Background Image. Etc
Great video, but what about from here. Will there be a vid about how this landing page is set up to mint and process payment...etc.?
Hey, can I use this for Solana as well? If so how could I change the connect metamask to connect Phantom?
Easy to understand , and can you give a tutorial on how to make a mint button when the countdown is done ?
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more
good job
Hi these videos are amazing, I am very new to this (2hrs). I have a slight issue though, when you go live you have the tab for the webpage, I do not get that on my go live page. Could you help. Keep up the great videos.
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more.,
you can install the package live server
even if you dont get it then right click and then go for open live server
Do you also have airdrops prior to mintdate tutorial
The fonts in your dev environment are pretty. Which font family is this?
I made a custom font 😂 I'm a bit extra. Link in description
great video, if possible will you be able to make another video on how to avoid getting exploited during public mint? or at least ways to minimums it?
reach out 👆👆For more info and guide📩
Hey awesome video! what do we do if it says google chrome doesn't have permission to connect to VS (in order to sign in to github)?
Would this be the same process to sync PHANTOM (solana) to the site instead of Metamask?
amazing
Can you reshoot this video because the menus have changed? Thank for the content!
Awesome video, when will the next parts be released?
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more.,
Very awesome thank you! Can't wait to see the future of this DApp :-) Any info on progress for us?
reach out 👆👆For more info and guide📩
First of all: Thank you very much for all these instructional videos! For now my brain is kind of bursting, but I'll get to it again later. I was wondering if it would be possible to show how we could create customizable NFTs, like you create one NFT with a character and want to distribute something like glasses as a gift for someone etc after it was minted. I'm really completely new to the topic of NFTs but from what I've seen it should be doable, right? I understand that you need to have good marketing and I wouldn't want to bet on people to support some unknown artist, so it really might help a lot (ofc there are a lot of other ways to make it worthwhile but it sounds fun). Sorry if it might have been talked about already and I might have missed it. When searching for it I only get hints on how to mint. Would one have to create another NFT just with the glasses? Is it then possible to combine those somehow?
hey man thanks for this. I'm running into an issue where VSC won't do anything when I click on clone repository? Any idea what Im' doing wrong?
God Bless You!)
thanks for your essential training, apart from great method that you have said I want to know how can I find the music that you use in this wideo as a background music😄😍😍
reach out 👆👆For more info and guide📩
can we make the mint from this dapp? if we can how would we connect it?
I love the video. When I go to clone the repository it does not work. The button is dark and when I click on it nothing happens. What should I do?
Can I upload this project on S3? with out EC2 server?
Thnks
can i use this tutorial for solana
Can we change the background colour for an image?
Brilliant video! Could this be used to give people stuff like giftcards if they are the first to own an NFT from my collection? Or can it be hacked if ya get me. I can answer questions if you're not sure what I mean.
will i still need a smart contract to be able to sell on here, if so how do i add one ??
Hi Mate! How can I connect other different Wallets (Trust Wallet, etc...) as Metamask to this Dapp??? Thanks
will this work with a nftport contract?
Thanks for this perfect Video. Just one question...would it be possible to change the code, to be able to use it for any Solana Wallet like Phantom?
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more
Hey can you do one on how to make a advanced discord server with bots
thank you! I got a bid for this yesterday at 25k.
Quick question.. Can I use python and replit?
Can you also show what to do if we want Solana blockchain etc instead of Eth or Polygon? (making NFTs, Site, etc)
Is it possible to make a website design on a different website (like wix) and implement the code for the minting website on to it?
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more.,
Is possible to put an own mint link after the countdown is over?
Can you do a continuation of this where you show how to connect a smart contract that is currently minting to this website? I have a working smart contract on OS but am struggling to make a place for people to mint it.
Sir can I know what software/app did bored ape yatch club used to draw and design ?
Thanks for watchingⓇ
Send a direct msg right away.
What'sapp✙16612815275
Get exclusive access to our ALT coin picks,👇🏽
For more info on XRP, NFT, SHIBA and more
Sorry but how should I deploy my nfts on the website based on blockchain I've chosen and how should I put my wallet address in the config files?