How I created a generative NFT project in 1 hour with no code (and how you can too)

Despite the years I’ve spent learning how to do things the hard way, here is the easiest way possible to create and launch your own NFT project with no code or prior experience needed.

For this example, I have created a project called Non-fungible Banners. This will be a generative collection of Twitter banners.

Website: nonfungiblebanners.xyz

Opensea: opnsea.io/collection/nonfungible-banners

Now let’s jump into the process of creating this project. First, let’s start with the basics…

What is an NFT?

An NFT or Non-Fungible Token is a digital asset on the blockchain that can not be duplicated or destroyed. Most NFTs are limited collections of tokens represented by artwork to be used as PFPs or collectibles such as Bored Apes or Crypto Punks.

In this example, my NFTs will be a collection of 222 tokens represented by the banners I create.

What makes them ‘generative’?

A generative NFT refers to the method used to create digital assets within the collection. For Non-Fungible Banners, I created over 25+ banner layers and over 25+ text layers. These layers are randomly generated together to create the 222 unique art layers.

What is a smart contract?

A smart contract is a program stored on the blockchain that automatically executes actions defined in the contract. In my case, I’m using an ERC721A contract, a variation of the standard ERC-721 contract first established by Azuki.

Steps to creating an NFT project

Creating a generative NFT project has four main steps: The art layers, generating the art, the smart contract, and the minting website.

Step 1: Making the art

I used the free software Figma to create the art for Non-fungible banners. I started with my background layers by creating 25+ gradient shapes sized accordingly for Twitter banners.

I made sure to name each of these layers as they will be represented later in our NFTs.

Then I found a cool font and created 31 text layers each with different writings on them.

These layers have transparent backgrounds of the same dimensions as the background layers so they will stack on top accordingly.

Depending on your project you can use as many layer categories as you want. For a character, you’d have layers such as backgrounds, body, face, clothing, headwear, etc. The more layers you have the more possible unique combinations you can create.

Step 2: Generating the art

Now that I had the layers I created a folder with all of the files. Each category should have its own folder and all category folders should be in one main folder.

To generate the art I used https://nft-inator.com/

I started by clicking the ‘Launch app’ button and loading my files. Once I confirmed to view the files I was able to set the project name, supply, and chain and then I clicked ‘Start Designing’.

The first panel allows you to edit the rarity of each layer within the categories. For my collection, I kept this all equally randomized.

Once I was ready I clicked ‘Generate’ to randomly generate my new NFT assets.

After it’s done generating, the platform allowed me to easily edit tokens as well as filter for specific layers. This comes in handy for cases where different layers may clash and you can make quick changes. The platform even has a filter section on the left making it super easy to find mistakes and fix them.

After the art is generated and I was happy with the result I went on to the ‘Export’ page. Here I set the metadata information for each token including the token name, description, and website.

I then selected an output folder for the export and start exporting.

About 22 minutes later all of the exporting was complete. I then exported the metadata and was good to go.

Step 3: Creating the smart contract

I used https://mintplex.xyz to launch the smart contract without writing any code.

After connecting my wallet I started by creating a project and filling out the contract information.

Here I choose the Name, Token symbol, Description, Royalties, Website, Twitter handle, and chain which in my case was Ethereum. (Pro tip: save the page before moving on to another section)

Next, I chose my smart contract features:

Linking to IPFS

Then I moved on to uploading the art to IPFS which will be linked in our smart contract.

I used pinata.cloud to host my images.

I started by uploading the art export folder to IPFS. Then pasted the given CID into Mintplex.

(Make sure to choose the correct file extension for the assets)

I skipped this part but if you have a pre-reveal image you want to upload that image to IPFS and paste the CID into Mintplex.

After that, I uploaded all of my individual Metadata files so Mintplex can help properly format them to get them ready for the NFTs.

Mintplex gave me a new folder to download and I uploaded it to IPFS and entered the CID into Mintplex.

From here I was ready to generate the smart contract.

Once the contract is generated I launched it on the testnet.

To do this I switched the network on my Metamask wallet to Rinkeby. Then I had to load some Rinkeby test Eth into my wallet by going to this faucet.

I clicked on ‘Deploy and Validate Contract’ to deploy. This prompted a transaction in Metamask.

After I accepted that transaction I waited for Mintplex to verify it and was good to go.

Step 4: Setting up the minting website

You can use any web builder for this since Mintplex gives us an embeddable mint button.

In my example, I used Elementor, an easy-to-use drag-and-drop website builder powered by WordPress.

I set up a single page on the website with a title, text, HTML widget, and social icons. In the HTML widget, I pasted the embed code provided by Mintplex.

https://nonfungiblebanners.xyz

(I said no code but I actually added some CSS to create a fancy animated gradient background)

If you use your own website builder, you just need to find the EmbedMint Button section and copy the code into an HTML widget. Make sure to customize it as you need in the Mintplex panel.

Don’t want to create a site?

Mintplex also provides a one-click minting website deployment that makes it super easy to bring your NFTs to market.

Testing your smart contract and setting up OpenSea

Once I had the smart contract deployed on the testnet and my minting site set up, it was time to test my contract.

I started by minting on the testnet from my minting app.

Once the transaction went through, I went to testnets.opensea.io and clicked on myprofile to view it. From here I clicked on the project and start setting up the Opensea profile.

To edit the profile, I clicked on the 3 dots on the top right and clicked on ‘edit’. I had to be connected to the same wallet that launched the contract for this to work.

In the editor, I edited the name, profile picture, banner, description, royalty settings, and add relevant links.

This Opensea profile is only on the testnet so I’ll have to set this up again once the mainnet contract is launched.

Launching my new NFT project

There were a few steps to launching the project:

  1. Deploying the contract on the mainnet
  2. Updating the minting website button
  3. Minting one NFT on the minting website to ensure it works and create the Opensea page

Once I was ready to deploy I clicked on ‘Deploy contract’ which prompted me to a transaction. The gas for this transaction cost around $87.

After that Mintplex verified the deployment and gave me access to the contract dashboard.

I then went to my website and minted the first token which created the Opensea page.

The mint price was free set at 1 mint per transaction. Gas for each transaction was about $1.79.

After this, the project sold out in less than 10 minutes (not really sure why).

Trades on Opensea began immediately.

The collection then started to trend #3 on icy.tools.

And that’s how I created, launched, and sold out an NFT collection in less than one hour with no code.

Go buy a banner for yourself on Opensea: https://opensea.io/collection/nonfungible-banners

Looking for a new web development partner?