srens-web

Getting started

Install dependencies: pnpm i
Configure environment varibles: cp .env.example .env
Start dev server: pnpm dev

Environment variables

NEXT_PUBLIC_INFURA_KEY - required for mainnet RPC
NEXT_PUBLIC_ENABLE_FOUNDRY - set to true to enable localhost network

GraphQL codegen

@graphprotocol/client-cli is used to generate an SDK for querying the ENS subgraph.

queries are defined in src/graphql
configuration is defined in .graphclientrc.yml
run generation with: pnpm codegen:graphql

Note: there are warnings in the console when using this but the expert advice is to ignore. Will revisit if it ends up being problematic.

Libraries

nextjs
wagmi for reading and interacting with contracts
rainbowkit for managing wallet connection
react-query for data sync (wagmi uses this under the hood)
react-icons for icons
dayjs for dates
tailwindcss for styling