Opyn
Opyn is a decentralized options protocol on Arbitrum. I implemented their initial trading interface and data indexing setup for Arbitrum Testnet using Next.js, Ponder, and viem/wagmi.
At Opyn, I developed their trading interface using Next.js 14 with React Server Components. The frontend utilized shadcn/ui components built on Radix UI primitives, with Tailwind CSS for styling.
The data layer was built using Ponder for chain indexing, storing data in PostgreSQL via Supabase. Chain interactions were handled through viem/wagmi with Alchemy RPC endpoints.
The codebase emphasized type safety throughout, using Zod for schema validation, TanStack Query for data management, and nuqs for URL state handling.
Achievements
- Built trading interface with Next.js 14 and React Server Components
- Set up Ponder indexing service with PostgreSQL for chain data
- Integrated viem/wagmi for Arbitrum Testnet interactions
- Implemented type-safe data validation and state management
Link: https://opyn.co
Stack: TypeScript, Next.js, Foundry, Solidity, Viem, Wagmi, Ponder, Supabase, ShadcnUI, Tailwind CSS, TanStack Query, Zod, nuqs, EVM, Ethereum
Latest Articles
The Skillset of a Product Engineer
March 25, 2025 (30d ago)
How USDT0 Improves Stablecoin Bridging
March 20, 2025 (30d ago)
EVM on Bitcoin - The Future of DeFi
March 17, 2025 (30d ago)
The Power of Bitcoin Runes
March 2, 2025 (30d ago)
Engineering Principles
February 25, 2025 (30d ago)
Math in JavaScript and DeFi
January 19, 2025 (30d ago)