purple.construction

Official site for Purple DAO, whose goal is to proliferate the Farcaster ecosystem.

About this repo

• This is a RainbowKit + wagmi + Next.js project bootstrapped with create-rainbowkit
• The first version of the site was created by ripe0x and used Builder Components to grab most of the DAO's data
• The redesign was done by dylsteck.eth
• The site now uses the BuilderOSS SDK (@buildeross/* packages) for all DAO data, auction state, and contract interactions

Packages

• Next.js 16 (Turbopack) — static export
• React 19 — UI framework
• Tailwind CSS 4 — styling
• wagmi 2 + viem 2 — Ethereum client
• RainbowKit 2 — wallet connection
• BuilderOSS SDK — Nouns Builder DAO hooks, ABIs, and subgraph queries
• TanStack React Query — async data fetching
• @farcaster/miniapp-sdk — Farcaster mini app support
• TypeScript 5 — type safety

How to run locally

Install dependencies:

npm install

Copy .env.example to a new .env.local file and fill in the corresponding values:

cp .env.example .env.local

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.