NEXTJS Web3 Starter Code

1. Update .env.example to .env
2. Update custom program ID in .env file

IDL Path

utils/idl

Wallet Adapter Path

utils/Wallet.tsx

Store Path

utils/Store.tsx React Store uses useContext to allow all children components to access values in Store.

Store Breakdown

signAndSendTransaction function which take a transaction, set recentBlockhash and feePayers, then send the transaction. get.

getCustomPda is a simple fetch request

getCustomPdaWithFilter includes a filter

programClient accessible with const { programClient } = useStoreContext();