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

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
 
vishal590 profile image
vishal

what is this in fetchAllMemes() function ?

MemeFiles storage memeFiles = IdMemeFiles[currenNum];

Collapse
 
agastya27 profile image
Agastya sharma

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