Giter Club home page Giter Club logo

create-10k-nft-collection's Introduction

Source Code from "How To Create An ENTIRE NFT Collection (10,000+) & MINT In Under 1 Hour Without Coding Knowledge"

Video 1: How To Create An ENTIRE NFT Collection (10,000+) & MINT In Under 1 Hour Without Coding Knowledge

Video 2: How To List & Reveal An ENTIRE NFT Collection (10,000+) Without Coding Knowledge on OpenSea

Original video code: v0.1.0-alpha

Base code is from hashlips_art_engine

Minting uses NFTPort

Join the Discord server for more help from the community: codeSTACKr Discord

The macro script from the second video: macro1.mmmacro

UPDATES & FIXES

npm not recognized

You have not installed node.js properly. Be sure to follow the installation instructions from their download page for your specific operating system. And restart your computer after installation.

Images not lining up

Be sure that every layer is the same size. If you want the resulting image to be 512x512, then each layer needs to be 512x512. This will ensure that everything lines up properly.

Only the last image shows up

This is because you are not using .png images. .jpg or any other type will not work. .png has transparency which means there is no background and things behind it will show through.

ES Module Error [ERR_REQUIRE_ESM]

If you are following along with the tutorial you will run into this issue unfortunately.

When the tutorial was created, node-fetch was at version 2. It was recently updated to version 3 and no longer supports the require syntax.

Fortunately, it's an easy fix. Just type these commands into the terminal:

  • npm uninstall node-fetch
  • npm install node-fetch@2

Any sort of "path" error

Ensure that your layer names in the config.js file match exactly to your layer folder names. Also, remove any - (hyphens) from your file names.

"Quota Limit Reached" or "Too many requests" errors

There have been some changes made to the code from the original video resulting from some errors when uploading files, metadata, and minting using NFTPort. Depending on your plan, Free vs Community, there are rate limits.

To fix these issues, I've updated the code to include a timeout that will allow the files to be uploaded at a slower rate, instead of all at once, eliminating these errors.

To use this code:

  • Clone this repo or download the latest release zip file.
  • Unzip, if needed, and open the folder in VS Code.
  • From the terminal type:
    • npm install
  • Copy your image layers into the layers folder.
  • Use the src/config.js file to set up your layers and NFT information.

Reference the video for more details. All commands to upload and mint are the same.

create-10k-nft-collection's People

Contributors

codestackr avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.