DEV Community

Cover image for How to Create a FullStack Dapp using Next JS, Tailwind CSS and The graph. (Part 1)

How to Create a FullStack Dapp using Next JS, Tailwind CSS and The graph. (Part 1)

Adebayo Olamilekan on August 13, 2022

Hello there πŸ–πŸ½, This is a written tutorial on a Fullstack Decentralized application using some web3 technologies, I call this dapp NFT AIR The ide...
Collapse
 
innbuld profile image
Olanrewaju Abdulmuizz •

We’ll explanatory

Collapse
 
speedwelltaxis profile image
Speedwelltaxis •

HI sir how can i make app for my business website could you help me.

Collapse
 
oleanji profile image
Adebayo Olamilekan •

Hello, I will love to assist. What exactly do you want me to help you with? Can talk privately?

Collapse
 
thorstenhirsch profile image
Thorsten Hirsch •

To paraphrase Darth Vader:

I find your lack of lower-case consistency in variables and function names disturbing.

πŸ€ͺ

But thank you for this tutorial - it really gives a good overview of the different parts one can use to build a dapp. I hadn't checked out thegraph, yet, but will do so thanks to your tutorial.

Collapse
 
oleanji profile image
Adebayo Olamilekan •

hahaha...
You're welcome and the graph is really awesome

Collapse
 
vishal590 profile image
vishal •


function GetmemberByAddr(address _member) external view returns(MemeMembers[] memory){
uint currentMemberNum = NumOfAllMembers.current();
uint currentIndex = 0;
MemeMembers[] memory foundMember = new MemeMembers[](1);
for(uint i = 0; i < currentMemberNum; i++){
if(_member == IdMembers[i + 1].MemeberAddress)
}
}

from where this _member address gets ?

Collapse
 
jofawole profile image
johnfawole.sol •

Wow, this is thorough and insightful!

Collapse
 
vishal590 profile image
vishal •

what is this in fetchAllMemes() function ?

MemeFiles storage memeFiles = IdMemeFiles[currenNum];

Collapse
 
vishal590 profile image
vishal •

after pasting this command getting an error

$ graph init --product hosted-service vishal590/nft-air-by-curious

error

bash: graph: command not found

Collapse
 
abdirahman5863 profile image
Abdirahman Abdi •

npm graph graph init --product hosted-service vishal590/nft-air-by-curious

Collapse
 
agastya27 profile image
Agastya sharma •

Typescript.ts is auto generated or we have to modify and write it?