How to use Hyperliquid Builder Codes

Hyperliquid Builder Codes Demo — Full Technical Walkthrough In this technical walkthrough, you'll explore the complete Hyperliquid builder code lifecycle inside a production-ready Next.js demo app built by Dwellir. Using real-time WebSocket orderbook data, EIP-712 typed-data signing, and Dwellir's Hyperliquid infrastructure endpoints, the app walks through approving a builder, placing limit and market orders with builder fees attached, and revoking approval — all with live charts, account state, and human-readable transaction results. Whether you're building a trading frontend, integrating builder codes into your own app, or just want to understand how Hyperliquid's builder fee system works end to end, this video covers every code path. Contact: [email protected] GITHUB REPO: https://github.com/dwellir-public/hyperliquid-builder-codes-demo RESOURCES: Dwellir — Blockchain Infrastructure Provider: https://dwellir.com Hyperliquid Builder Fee Docs: https://hyperliquid.gitbook.io/hyperliquid-docs/for-developers/api/exchange-endpoint#builder-fee Hyperliquid Info Endpoint Docs: https://hyperliquid.gitbook.io/hyperliquid-docs/for-developers/api/info-endpoint @nktkas/hyperliquid SDK: https://www.npmjs.com/package/@nktkas/hyperliquid RainbowKit: https://www.rainbowkit.com/ wagmi: https://wagmi.sh/ viem: https://viem.sh/ Lightweight Charts (TradingView): https://tradingview.github.io/lightweight-charts/ WalletConnect Cloud: https://cloud.walletconnect.com/ WHAT YOU'LL LEARN: - Configure builder address, fee rate, and Dwellir API key via environment variables - Check builder approval status by querying Dwellir's info endpoint - Sign an EIP-712 typed message to approve a builder fee (no on-chain transaction required) - Activate an agent wallet — a temporary in-browser key that signs orders locally - Place limit orders (GTC) with the builder code attached and a live candlestick chart - Place market orders (IOC) with slippage protection and builder code - Revoke builder approval by setting maxFeeRate to 0% - Track accumulated builder fee income in real time via the Builder Income Bar USE CASES: - Building a trading frontend that integrates Hyperliquid builder codes for fee revenue - Forking the demo and plugging in your own builder address and fee rate - Understanding EIP-712 signing flows for Hyperliquid L1 actions - Streaming real-time L2 orderbook data via Dwellir WebSocket endpoints - Implementing agent wallet patterns to work around wallet chainId restrictions - Prototyping builder fee monetization strategies on Testnet before going live - Adding builder code support to an existing Hyperliquid trading bot or interface