Rampp, Typedream, & Pinata: The No-Code Trifecta for NFTs

Written by: Steven Simkins

It's 2022 and the NFT craze has not slowed down one bit. In 2021, NFT trading reached $23 billion and "NFT" became the word of the year. Artists have a whole new venue to use for creating experiences that are unique and experimental. The challenge? Code and technology. Most artists that want to enter this space are confronted with the awkward new rise of Web3 technology that is still in its infancy, and the requirements to launch an NFT project can even make a software developer run and hide. There are many who brave it and launch VSCode for the first time, but it's still difficult. 

However, thanks to Rampp, Typedream, and Pinata, an artist can launch an NFT contract that they own, a website where their fans can mint the NFTs, and create content that can only be unlocked by said NFTs, with zero code. Might sound crazy, but it's true, and we'll see how it's done right now!

Before You Begin

If you're a creator and you're new to Web3, crypto, and NFTs, I would highly suggest visiting Odyssey Dao first! There are a lot of underlying concepts when it comes to creating NFTs and using the technology, and it would help you a ton to know the basics before making your own NFT project. They have a simple "12 Days of Web3" email list that you can use, or just jump straight into their articles. If you're already familiar with the space and you know what crypto wallets and smart contracts are, then press forward.

There are a few things you will need before starting this journey. The first thing you will need is a browser wallet like Metamask. The great thing about Rampp is that they can help you launch your project on a test network that does not use real money, so you can get your feet wet without losing all that precious crypto. Then when you're ready, you can deploy that contract to the mainnet in one click.

Of course the other thing you will need is some art. It's probably a good idea to start with a small project before you do a huge 10,000 generated PFP drop. Maybe just start with 10 images. If you want to jump into randomly generated assets, be sure to check out NiftyGenerator.

Rampp - The NFT Contract

To get started you will want to visit rampp.xyz, and select "Launch a Project." You will need Metamask to sign into the app; no need for emails and passwords here! From there you'll be taken to the projects page where you can click "Create new project."

The team at Rampp has done an exceptional job of breaking down the complexities of making NFTs. You'll see from the card that there are several steps you will click on, each one leading to the next. They are in order:

  1. Setup Images and Metadata on IPFS
  2. Create Custom Smart Contract
  3. Deploy Contract to Testnet
  4. Deploy Contract to Mainnet
  5. Mint Button & Landing Page

We won't be deep diving into these steps too much because honestly Rampp has already done that! Each of the stages has lots of explanations, instructions, videos, and screenshots. We'll just look at each step from a bird's eye view so you can get a good idea of what to expect.

Setup Images and Metadata on IPFS

When it comes to NFTs, you'll want to make sure your files are secure and verifiable. You could try to just upload an image to the blockchain, but the price to do so would be astronomical. As NFTs started being released, people used old technology like Dropbox or Google Drive and put a link to the image in the NFT. The problem with that is the data could be taken down or changed; not very reliable for a decentralized asset. That’s why we’ll be using IPFS, a file sharing protocol that keeps assets immutable and decentralized. And we’ll be using Pinata to make IPFS easy.

As you go through the steps, Rampp will show you how to create an account with Pinata, how to upload your assets, and what information you'll need to go to the next step. One of those pieces will be the Content Identifier, or CID. The CID is the address to the content on the IPFS network, as well as a way to verify that it has not changed. The CID hash is determined by the contents of the folder or file, so if that content changes, the CID changes.

Once you give Rampp the CID for your images, it will walk you through creating the metadata for your NFTs. If you used something like Nifty Generator this will already be done for you, but if not it's pretty easy to fill out. Rampp will provide a sample you can copy and edit to your needs. Here’s a simpler example you can use that does not have any attributes or extra features! 

{ “name”:”name of your NFT goes here, along with a number if you’d like ”, “description”:”describe your NFT here”, “external_url”:”this can be the link to your website, not required”,}

Once you've created the metadata files, you'll upload them to Rampp, then they will edit them for you to include all the image links so you don't have to. Once this is completed they will provide a link for you to download the folder. This completed metadata folder is what you will upload to IPFS next. Once this is done Rampp will need the CID for that folder too.

So far, so good. But let’s take a second to summarize what we’ve done so far. 

  • We uploaded the assets to Pinata and got the CID
  • We gave that CID to Rampp. 
  • We created metadata for the NFTs and then uploaded them to Rampp 
  • Rampp edited the metadata files and gave us the final metadata folder 
  • We uploaded the final metadata folder to Pinata and got the CID
  • We gave that CID to Rampp

Now that we have the assets ready, we can move onto the smart contract!

Create Custom Smart Contract

One of Rampp's most powerful features is the ability to create a custom smart contract. Smart contracts are the code that decides how the NFT is made, how many there are, who can have one, how much they cost, and more. The code lives on the blockchain and people can interact with that code through a website, a mobile app, a server, and just about anywhere else you can think of. 

Most places that have no code NFT minting do not allow creators to own their smart contracts. Rather, the smart contracts are owned by the platform. This can be unfavorable as the platform reserves the right to close out or shutdown the NFTs, and the creator has no control over it. That's not how the blockchain should work. Thankfully, Rampp solves this.

We start with some project information such as the name, what network we want, symbol, etc. You can even set royalties so any time your NFT sells on the secondary marketplace, you'll get a cut! If this is your first time I would recommend using Ethereum as the Rinkeby test network is a bit easier to use than Polygon. However if you're going to deploy to the real world, Polygon could save you a bunch of money in the long run.

Next, Rampp will lay out some contract features you can use. They do a great job of explaining all of these, so you’re encouraged to take the time to read through each of them carefully.

From there Rampp will ask for a payout address. This is where you can put in your Ethereum wallet address. You can also add multiple other wallets if you have other team members that are getting a cut. Keep in mind, Rampp will take 5% of the proceeds in exchange for the no-code service they’ve built.

Lastly, you will need to generate a smart contract. With a single button, Rampp will take all this information, the IPFS info, your selection of features, wallet addresses, and put them into a custom smart contract that you will own. It takes about 3 minutes and it will let you download the smart contract files. This is an awesome feature because you get the raw code if you ever want to take it with you or give it to a developer for future use!

Deploy Contract to Rinkeby

Now it's time to make this thing go live! If this is your first time deploying a smart contract, you will want to use a test network, the one we’re using is called Rinkeby. It works just like the real thing, but you will use fake Ether instead of the real stuff that costs real money. Rampp will show on your project a button to Deploy to Rinkeby. Once you click on this, they will walk you through each step of the process. First you will switch your Metamask wallet to the Rinkeby network, then you will need to request some fake Ether from the Rinkeby faucet that Rampp links in their step.

After your wallet is loaded with fake Ether, just click the Deploy to Rinkeby button and bam you're done! Rampp also provides some helpful info that you'll want to save, like the smart contract address and transaction ID. This is basically how you can locate the smart contract on the blockchain and make sure everything went through. You'll also use that contract address in the future of this post, so hang onto it.

Ramp also provides instructions on how to verify and validate your smart contract. This will help other people view the smart contract and make sure that it's trustworthy, always a good idea in the crypto space.

Deploy Contract to Mainnet

This is a step you should probably come back to later. You still have some testing to do, and launching a full NFT project can be expensive, so best to do it only once. However once you are ready, Rampp makes it super easy. Just load up your crypto wallet with real Ether, hit the button, and it's deployed to Mainnet! Works just like the Rinkeby network.

Mint Button & Landing Page

Now that you have a smart contract with a bunch of NFTs waiting to be released into the world, you will need a website with a minting button! Minting is the term used for "creating" an NFT. Your smart contract is on the blockchain, but the NFTs will only exist if people pay the contract money and interact with it. For people to mint the NFTs you need a site they can visit and use their wallet with. Rampp has two options: you can use their embed widget if you already know how to do some web development, but they also have a link to Typedream which is a no-code website. That's where we're off to next!

Typedream - The Minting Website

Typedream is a great platform for making your own website without any code. When you click on the link from Rampp it will take you to their website where you can create a free account to start out with. Once signed up, they give you different options for what template you want. You will want to select the Web3 template, and in the next page select the NFT page, and the NFT Minting page.

If you've never made a website before, that's ok! Take a few minutes to read and watch the tips and tutorials that Typedream provides. They make it really easy to click and drag any elements you may want for the website to make it your own. On the right side of the site you can see a home page, and a Rampp x Pinata page below it. If you click on the Rampp x Pinata page you will see the mint button we need to setup.

At the top of the page Typedream will have a link to a guide on how to set up this button, but in case you need it you can use this link. What you're going to do is go back to Rampp, click on the Mint Button & Landing Page section on the project, then click on the embeddable widget. From here you can change the colors and some of the other appearances, and on the right side there will be a big embed snippet for Rinkeby and Mainnet. Rampp will take the info from the smart contract you deployed earlier and link it to the button; too cool!

Once you copy that snippet, you'll just head back to Typedream, select the mint button, and click "replace embed." From there you'll choose "code" and paste in the snippet from Rampp. That's probably the closest you'll come to "coding" in this process. After you've done this and the site is to your liking, you can launch it. Just like that you have a website that can let people mint your NFTs!

Pinata - The Unlockable Content

Congratulations!! You have launched an entire NFT project with a minting page without any code. This is just the beginning though. With Pinata's new feature called Submarine.me, you can use those NFTs as the key to locked content. As a creator you can upload a file to Submarine.me, set which NFT can unlock it, then share a link. Whoever clicks on that link will need the NFT to see that secret content. What does this mean? We can start thinking of NFTs as the keys, not the treasure itself. If you're a writer, you can upload a book and sell NFTs as the keys to get access to it. If you're a filmmaker, you could upload a film; see where this goes? A whole new world of possibilities with the NFTs you just created!

Getting started is pretty simple. You will need a Professional Plan account with Pinata, if you already have an account you can upgrade by clicking on the profile button in the top right of the home page, and then click "Billing." Next you will need a Dedicated Gateway. If you don't already have one, simply click on the Gateway tab, then click "Create Gateway." This will ask for what you will want your subdomain to be, so it would look like "https://mycoolname.mypinata.cloud/ipfs/." Choose what you want, click next, and for this tutorial you can leave the gateway access set as "Restricted Gateway." Then just click "Create". This guide walks you through the whole process.

With this initial setup we can visit Submarine.me and login with our regular Pinata account credentials. Then we'll want to click "Submarine New File," then select "NFT Ownership."

From here we just go down the line. For the Blockchain we'll select "Ethereum," and for the network we'll use "Rinkeby" since that's what we deployed with earlier. Remember when we deployed our smart contract with Rampp and got that contract address? Well we need it now! Paste it into the "Contact Address" field. This will let Pinata know which NFTs can access this content. If we wanted to, we could even specify which NFT in the series can view it with the Token ID. The next thing we'll set is an optional thumbnail, just so people know it's us, give it a name, a description, and then the actual file to upload. That's it!

If you minted one of your NFTs you can go ahead and test this out. Make sure your wallet is connected to the right network, copy the share link for your submarine content and paste it into the browser. You'll see the page where you can connect your wallet. Click connect, sign the transaction in your wallet, and if you have the NFT then you will see the hidden content. It's really that simple. 

This concept puts a whole new spin on NFTs. The tokens themselves can point to anything and be anything. But now, they can also be the key to unlocking additional, exclusive media. 

Wrapping up

If you've gotten this far, just step back and think about everything you just did:

  • Used Rampp to create an NFT smart contract and deployed it to a blockchain
  • Used Typedream to create a minting website for the NFTs
  • Used Pinata to gate content that can only be unlocked with an NFT

The best part? You, as the creator, didn't need to write a line of code. This is a huge step for the industry to offer so many powerful tools to creators that want to enter the Web3 space and share their content in a new medium. We're so excited to see this no-code-trifecta come to life. Rampp, Typedream, and Pinata are already looking at ways to integrate and make the process even smoother between the platforms. We all have the common goal of making tools creators can use to make experiences worth paying for!

Subscribe to the Pinata newsletter

Culture, news, and the latest stories covering the NFT world. Delivered straight to your inbox, every month.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form. Try again.