scaffold-aptos Scaffolding | Move dApp Extreme Beginner

$ git clone https://github.com/NonceGeek/scaffold-move.git
$ cd scaffold-aptos & yarn
$ direnv allow # If using direnv
$ export [... .things in .envrc...] # If setting environment variables directly
$ yarn dev

.
├── README.md
├── next-env.d.ts
├── next.config.js
├── node_modules
├── package.json
├── postcss.config.js
postcss.config.js
scripts
src
    ├── components /* important */ │ ├── AptosConnect.js
    │ ├── AptosConnect.tsx
    │ ├── ModalContext.tsx
    │ ├── NavBar.tsx
    │ ├── NavItem.tsx
    │ ├── TooltipSection.tsx
    │ └── WalletModal.tsx
    ├── config /* important */ │ └── constants.tsx
    │ └── constants.ts
    ├── hooks
    │ ├── index.ts
    │ ├── useOffers.ts
    │ └── useTokens.ts
    ├─ pages /* important */ │ ├─ _app.ts │ ├─ _app.ts │ ├─ _app.ts
    │ ├── _app.tsx
    │ ├── api
    │ ├── did_querier.tsx
    │ ├── endpoint.tsx
    │ └── index.tsx
    ├── styles
    │ ├── globals.css
    │ └── loading.css
    ├─ types
    │ ├── Offer.ts
    │ └─ index.ts
    └── utils
        ├─ aptos.ts
        ├── nftstorage.ts
        └─ supabase.ts
├─ tailwind.config.js
├── .envrc
├── tsconfig.json
└── yarn.lock

export NEXT_PUBLIC_DAPP_ADDRESS=0x0c78cfc8cf31129444f22da3e527a48732f5b6e4e09ffbe82ffb900f84b22a17
export NEXT_PUBLIC_DAPP_NAME=DID
export NEXT_PUBLIC_MARKET_COIN_TYPE=0x1::aptos_coin::AptosCoin
export NEXT_PUBLIC_APTOS_NODE_URL=https://fullnode.testnet.aptoslabs.com/v1/
export NEXT_PUBLIC_APTOS_FAUCET_URL=https://faucet.devnet.aptoslabs.com/v1/
export NEXT_PUBLIC_APTOS_NETWORK=testnet

export const DAPP_NAME = process.env.NEXT_PUBLIC_DAPP_NAME!; // changed here.

export const NETWORK=process.env.NEXT_PUBLIC_APTOS_NETWORK!
export const MODULE_URL="https://explorer.aptoslabs.com/account/" + DAPP_ADDRESS + "/modules?network=" + NETWORK

import { useWallet } from "@manahippo/aptos-wallet-adapter" ;
import { useContext } from "react";
import { ModalContext } from ". /ModalContext"; import { useContext } from "react"; import { ModalContext } from ".
import { WalletModal } from ". /WalletModal";

export function AptosConnect() {
  const { account } = useWallet(); const { modalState, setModal(); const { modalState, setModal()
  const { modalState, setModalState } = useContext(ModalContext);

  return (
    
      {account?.address ? (
         setModalState({ . .modalState, walletModal: true })}
          style={{
            textOverflow: "ellipsis",
            overflow: "hidden",
            display: "inline", .
          }}
        >
          {account!.address!.toString()!}
        </button
      ) : (
         setModalState({ ... .modalState, walletModal: true })}
        >
          Connect wallet
        </button
      )}
      
    
  );
}

...
return (
    <walletprovider wallets="{wallets}" autoconnect="{false}">
      <ModalContext.Provider value={modals}>
        <div classname="px-8">
          <navbar />
          <component {...pageprops} classname="bg-base-300" />
        </div>
      </ModalContext.Provider>
    </walletprovider>
  );
...

const wallets = useMemo(
  () => [
  new AptosWalletAdapter(),
  new MartianWalletAdapter(),
  new PontemWalletAdapter(),
  
  ]
  []
).

import Image from "next/image" ;
import { NavItem } from ". /NavItem"; import { AptosConnect } from ".
import { AptosConnect } from ". /AptosConnect"; import { AptosConnect } from ".
import {
  MODULE_URL
} from ".. /config/constants";

export function NavBar() {
  return (
    <nav classname="navbar py-4 px-4 bg-base-100">
      <div classname="flex-1">
        <a href="http://movedid.build" target="_blank">
          <image src="/logo.png" width="{64}" height="{64}" alt="logo" />
        </a>
        <ul classname="menu menu-horizontal p-0 ml-5">
          <navitem href="/" title="AddrAggregatorManager" />
          <navitem href="/endpoint" title="EndpointManager" />
          <navitem href="/did_querier" title="DIDQuerier" />
          <li classname="font-sans font-semibold text-lg">
            <a href="https://github.com/NonceGeek/MoveDID/" target="_blank">Source Code</a>
            <a href="/en/{MODULE_URL}/" target="_blank">Contract on Explorer</a>
          </li>
        </ul>
      </div>
      <aptosconnect />
    </nav>
  );