How to create an NFT website landing page & Deploy for FREE (Complete tutorial | EASY!)
By codeSTACKr
Published: Jan 26, 2022“
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.Check out the collection I made:
- https://codecats.xyz
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
SOURCE CODE
- GitHub Repo: https://github.com/codeSTACKr/nft-lan…
OTHER VIDEOS
- How To Create An ENTIRE NFT Collection (10,000+) & MINT for FREE: https://youtu.be/AaCgydeMu64
- Create LAYERS for your 10,000 NFT Collection for FREE: https://youtu.be/k72aCI1VyKM
- List & Reveal An ENTIRE NFT Collection (10,000+): https://youtu.be/Iy1n_LxUwZs
Become A VS Code SuperHero Today: https://vsCodeHero.com
- HTML Crash Course: https://youtu.be/XiQ9rjaa2Ow
- CSS Crash Course: https://youtu.be/Tfjd5yzCaxk
- JavaScript Crash Course: https://youtu.be/d5ob3WAGeZE
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://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: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
Tag: Minting
[#Script #Coding] NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0
NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0
By codeSTACKr
Published: Mar 10, 2022Check out the collection I made:
- https://codecats.xyz
- OpenSea:
- Join my Discord community: https://discord.gg/A9CnsVzzkZ
- GitHub Repo Source Code: https://github.com/codeSTACKr…
** This is an updated video that streamlines the process for creating an NFT collection. NO CODING IS REQUIRED! **
No coding experience? No problem! We will get you from nothing to an entire collection of 10,000 Unique NFTs in 30 minutes! Let’s get started!There are a bunch of tutorials on YouTube about how to create NFT collections, but none of them show you the ENTIRE process.
In this video, I’m going to show you how to create an NFT collection and how to MINT them, even if you have ZERO coding knowledge!
In this video, we are going to dive head first into cryptocurrencies, NFTs, and minting. And I don’t expect you to have any prior knowledge of any of this. We are going to go step-by-step through the entire process!
I’m going to explain what blockchain and NFTs are and give you some context and background first. If you’re already familiar with that and you want to go straight to the good stuff, I have chapter markers setup for you, just skip ahead to whatever section you want.
RESOURCES
- GitHub Repo Source Code: https://github.com/codeSTACKr/create-…
- Join my Discord community: https://discord.gg/A9CnsVzzkZ
- @HashLips NFT YouTube: https://www.youtube.com/c/HashLipsNFT
- NFTPort: https://nftport.xyz
- Mac M1 Issue: https://github.com/HashLips/hashlips_…
VIDEOS
- How to Create NFT Layers in Photoshop or Figma: https://youtu.be/k72aCI1VyKM
- How to Automate Listing on OpenSea: https://youtu.be/Iy1n_LxUwZs
- Original Video – v1.0.0: https://youtu.be/AaCgydeMu64
- NFT Playlist: https://www.youtube.com/playlist?list…
Become A VS Code SuperHero Today: https://vsCodeHero.com
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Timestamps
- 00:00 – Intro
- 01:35 – What’s an NFT?
- 02:10 – What is a blockchain?
- 03:00 – NFT Use Cases
- 03:22 – NFT Collections
- 04:04 – Create Image Layers
- 06:37 – Download Repo & Set Up
- 09:59 – Include your images here!
- 11:07 – Config.js Overview
- 14:15 – Generate 10k Unique Images!
- 14:38 – The complexity of creating NFTs
- 16:31 – Install MetaMask
- 16:48 – NFTPort Settings in config.js
- 20:29 – Create Generic Metadata (optional)
- 20:57 – Upload Images & Metadata to IPFS
- 22:02 – Deploy Contract
- 22:42 – Mint NFTs
- 24:17 – Check Mint Transactions
- 25:09 – List for Sale on OpenSea
- 25:59 – Reveal your NFTs (optional)
- 27:55 – Refresh OpenSea Command
- 28:30 – Mint for real now!
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/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.
”