srens-web

Getting started

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

Environment variables

• NEXT_PUBLIC_ALCHEMY_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