Cloning OpenSea NFT Boilerplate Questions

Code_shinobi · December 30, 2021, 11:36am

I’ve been stuck on this for weeks now. The images test NFTs I minted on opensea following the “bulk IPFS upload tutorial” don’t show up and even when I try to sell, i get these error message! I’m already getting frustrated here. Please help me!!

Code_shinobi · December 30, 2021, 11:36am

latok · December 31, 2021, 1:37pm

I gave up on this, couldn’t get it running at all, local or vercel, heroku etc.

Went back to the dabit3 boilerplate which I can run local and on vercel. This won’t run on vercel, example below:

This is good but don’t know what i’m doing wrong.

Thanks

YosephKS · December 31, 2021, 11:47am

can you give more description please on the steps that you did to setup everything that it didn’t work? thank you~

latok · December 31, 2021, 12:38pm

I cloned the app from github locally and forked to mine to connect to vercel and heroku.

Changed the moralis settings as detailed, added the ABI contract example given in this post, added the sync specified by Jays.

Heroku asked me to add the node version “engines” which I did as 17.1.0. Vercel doesn’t like this.

I think the issue may be to do with openssl in node 17 which has to be ‘set’ in local run, however I can’t do this with vercel or heroku?

   Installing node modules
   npm ERR! cipm can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with `npm install` before continuing.
   npm ERR! 
   npm ERR! 
   npm ERR! Missing: @ant-design/icons@^4.7.0
   npm ERR! Missing: @testing-library/jest-dom@^5.11.4
   npm ERR! Missing: @testing-library/react@^11.1.0
   npm ERR! Missing: @testing-library/user-event@^12.1.10
   npm ERR! Missing: @walletconnect/web3-provider@^1.6.6
   npm ERR! Missing: antd@^4.16.13
   npm ERR! Missing: moralis@^0.0.118
   npm ERR! Missing: react@^17.0.2
   npm ERR! Missing: react-blockies@^1.4.1
   npm ERR! Missing: react-dom@^17.0.2
   npm ERR! Missing: react-moralis@^0.2.6
   npm ERR! Missing: react-router@^5.2.1
   npm ERR! Missing: react-router-dom@^5.3.0
   npm ERR! Missing: [email protected]
   npm ERR! Missing: web-vitals@^1.0.1
   npm ERR!

Thanks

Apap · December 31, 2021, 12:45pm

I am looking to make listings in USDC.
Can anyone direct me towards how I should go about adding another token for listing/buying the NFTs?
Even just changing ETH for USDC would be an acceptable solution.

Thanks!

YosephKS · December 31, 2021, 1:17pm

seems like it’s just missing all those packages, you just need to run npm install every time deploying to heroku to have the complete packages, otherwise the boilerplate will not run properly

YosephKS · December 31, 2021, 1:24pm

You might need to make a different function or modify the createMarketSale function to accept ERC20 as the payment option, the payment flow will be different two as you will need to have the user approve the ERC20 transfer for payment. Then in the new function use

ERC20(USDC_address).transferFrom(msg.sender, address(this), amount)

to transfer the ERC20 token to the contract or any address. Of course this is just one way, if you have other payment flow, you mignt need to do it in a different way.

latok · December 31, 2021, 2:19pm

Thanks, but why do i have to run npm install every time for heroku (or vercel)? They install dependencies automatically when deploying from github (which i’m doing). I can try from my local computer but the github repository is a fork of this with the settings updated.

After npm install and deploy to vercel and heroku. Can’t build locally or from github.

vercel —> Error! No Next.js version could be detected in your project. Make sure "next" is installed in “dependencies” or “devDependencies”

(vercel uses node 14.x)

heroku —> Push rejected, failed to compile Node.js app

Thanks

Apap · December 31, 2021, 2:03pm

I think that will be quite a bit over my current skill level.
I’ll might give it a try, but I think the current version will have to do.
Thanks for the answer!

pkgujjar · January 1, 2022, 4:06pm

i try to add nft price it work fine for 999 value but it not work with 1000 and greater

jadelaawar · January 1, 2022, 4:35pm

Hey, I was just wondering is there a fee already associated with the marketplace so 10% of the sales goes to the creator of the marketplace. I am building my own marketplace and I want them to use my own token but I need help with a few things if anyone has an example code or something to do these following things please help me :

The main token used in the marketplace is my token

Have a 10% fee on all transactions in the marketplace

ric006 · January 2, 2022, 6:48am

Can someone help no the best programmer but when i am trying to get the pictures to come in for my NFTs they do not show i have tried taking the comments out and creating a proxy but that still does not work and i am lost now

legaltechlawyer · January 2, 2022, 4:17pm

I get the following error message in Metamask when I try to List the product:

This transaction is expected to fail. Trying to execute it is expected to be expensive but fail, and is not recommended.

After that, when I try, it says contractAddress is null. I have followed every step of the tutorial. Any thoughts or help? Thanks in advance

legaltechlawyer · January 2, 2022, 4:19pm

Same here. Did you solve it?

hadyanzon · January 2, 2022, 6:42pm

if i want use fee smartcontarct so just add
function withdraw() public {

   (bool succes, ) = payable (0x0558b09fCb06DB00a3F7492dB5BA1C7BeaE88594).call{value: address(this).balance * 25 / 1000}("");
require(failed);

right like a opensea fee service

jadelaawar · January 2, 2022, 7:35pm

how do I paste my ABI into moralisdappprovider in string format?

Koolguy69 · January 2, 2022, 11:34pm

hi bro i installed the demo out of the box and everything is working fine but when i go to nft balances the images are not loading just white space, what could be the issue? i can see the nfts but no images

i am using the react boilerplate

do i have to change any code here?

<Image
                      preview={false}
                      src={nft?.image || "error"}
                      fallback="data:image/png;base64,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"
                      alt=""
                      style={{ height: "300px" }}
                    />

Koolguy69 · January 2, 2022, 11:23pm

let me know if you work something out… i too am having no images just white space

ric006 · January 3, 2022, 4:33am

I got nothing let me know the same I tried with there and mine and still same results