Ethereum Boilerplate Questions

Moralis General
#213

[quote=ā€œbogdabart, post:208, topic:3951ā€]
We donā€™t have useNFTTokenIds in the react-moralis. Please use the standard web3API hook https://github.com/MoralisWeb3/react-moralis#resolve-data-with-usemoralisweb3apicall

1 Like
#214

These are just warnings and can be ignored

1 Like
#215

Have you changed something in the code?

#216

no, nothing at all, just followed the instruction on the git hub for the boilerplate as below .

  1. Copied and paster boiler plate in visual studio code within a folder
  2. input > cd ethereum-boilerplate
    3.input > yarn install
  3. Rename .env.example to .env in the main folder and provide your appId and serverUrl from Moralis
  4. input > yarn start

This is when i get the error message in the browser

#217

boiler plate error
boiler plate error1430Ɨ991 101 KB

Attaching the error message to be a bit more clear about the issue

#218

i am testing the ethereum-boilerplate on my localhost
may i know why the token is not showing?
and where i can modify this
MoralisWeb3.js:271 Moralis.enable() is deprecated and will be removed, use Moralis.enableWeb3() instead.

tokenlist
tokenlist1294Ɨ431 20.5 KB

#219

Hi @dcoderk
make sure you have installed the 1inch DEX plugin.

You can ignore this message, itā€™s just a warning in our SDK, we need to fix it ourselves

#220

i see it works now thank you
btw about the binance chain why the bnb token is not showing?

#221

I donā€™t get an error but still nothing shows up. This is my code:

import { useMoralis } from "react-moralis";
import { useEffect, useState } from "react";
import { useMoralisWeb3Api, useMoralisWeb3ApiCall } from "react-moralis";
import { useIPFS } from "./useIPFS";

export const useNFTTokenIds = () => {
  const { token } = useMoralisWeb3Api();
  const { chainId } = useMoralis();
  const { resolveLink } = useIPFS();
  const [NFTTokenIds, setNFTTokenIds] = useState([]);
  const [totalNFTs, setTotalNFTs] = useState()
  
  const {
    fetch: getNFTTokenIds,
    data,
    error,
    isLoading,
  } = useMoralisWeb3ApiCall(token.getAllTokenIds, { chain: chainId, address: "0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb" });

  useEffect(() => {
    if (data?.result) {
      const NFTs = data.result;
      setTotalNFTs(data.total);
      for (let NFT of NFTs) {
        if (NFT?.metadata) {
          NFT.metadata = JSON.parse(NFT.metadata);
          // metadata is a string type
          NFT.image = resolveLink(NFT.metadata?.image);
        }
      }
      setNFTTokenIds(NFTs);
    }
  // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [data]);

  return { getNFTTokenIds, NFTTokenIds, totalNFTs, error, isLoading };
};
#222

Whatā€™s the best way of updating this? If we download and overwrite files (I donā€™t use ā€œgit cloneā€) is that OK? Or is there an update command? Sorry for the noob question on that.

#223

Is anyone able to see NFTs within the tab? it just keeps loading for me.

#224

Where? Because for me it works ok

#225

In your case only overwriting is possible

#226

Add console.log(error) to the useEffect and share the message then here. Also please check the Network tab in the devtools if the response in not null

#227

What part of the readme or docs does this apply to - connecting to existing contracts, either on Testnet or Mainnet. Sorry I am coming back to this much later than I anticipated. Last time I tried, it would not connect to my deployed test contract on Rinkeby.

Is it fully functional? ie, will this integrate into a site now with a deployed Mainnet contract, and connect to a wallet and then mint the NFTs?

#228

Hey @JimBob ! We decided to change the code structure a bit, so these inctructions are not actual now. In coming days there will be an update for easy adding existing contract to the boilerplate. Iā€™ll tag you here when it added

1 Like
#229

Thanks! That explains why we couldnā€™t get it working today. :slight_smile: Good to know itā€™s not because weā€™re hopeless, haha!
Weā€™ll pause for now and await the updates.
Many thanks Yomoo :+1:

#230

As a quick follow up also, is there a way to incorporate Moralis into static websites, or does it always have to be via react?

For example, Squarespace, Wordpress, Webflow, or any other non-react method of building single-page sites weā€™d like to turn into Dapps.

Probably not via any of those builders GUIs of course, but once the code is exported and the site is live, or staged, and for those that are comfortable with inserting code into a site that originated from one of those sourcesā€¦ but also those people who are maybe not react experts. And lets face it even beginning react is a big task to get from zero to Dapp).

#231

The Moralis SDK is built on JavaScript, so the main question is only can you use Js code inside the libraries you mentioned.

react-moralis is a wrapper around the Moralis Js SDK and it designed only for react/react-netive

#232

Thanks good to know!
I guess the harder part of that question is how do you know what needs to go where, what dependences and file structure, to just use one or two components in a static site. Can you just drop <Chains /> in, and for that run what files from the larger package do you need, etc. Do you need ALL the imports, how do you know which ones, etc. If its a boilerplate it should be able to be broken down into parts easily, components, but the impression I have is itā€™s built like itā€™s one big interconnected thing.

1 Like