TanStack
Featured
router
TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It showcases a practical integration of Circle's developer-controlled wallets and gateway with Supabase for real-time updates, plus optional Redis caching for performance, making it a valuable reference for building multi-chain treasury apps.
Who it is for
- Developers building fintech or treasury management applications
- Blockchain developers exploring multi-chain wallet management
- Web3 engineers interested in real-time data synchronization with Supabase
- Teams evaluating Circle's payment and wallet APIs
Use cases
- Managing multi-chain USDC balances via a single dashboard
- Bridging assets across supported chains using Circle Bridge Kit
- Real-time monitoring of transactions and wallet balances
- Automating treasury workflows with webhook-driven state updates
Strengths
- Real-time UI updates powered by Supabase Realtime subscriptions
- Optional Redis caching for balance responses and webhook deduplication
- Modern stack: Next.js App Router, Tailwind CSS, shadcn/ui components
- Clear webhook architecture handling both standard and Gateway subscriptions
Considerations
- Intended for testnet use only – not production-ready without modification
- Requires multiple external services (Supabase, Circle, Redis, Docker) to run locally
- Assumes developer familiarity with Circle API keys, entity secrets, and webhook setup
README quick start
Arc Fintech App
Modern multi-chain treasury management system. This sample application uses Next.js, Supabase, and Circle Developer Controlled Wallets, Circle Gateway and Circle Bridge Kit with Forwarding Service to demonstrate a multi-chain treasury management system with bridge capabilities.
Table of Contents
- Prerequisites
- Getting Started
- How It Works
- Webhooks & Real-Time Updates
- Environment Variables
- User Accounts
Prerequisites
- Node.js v22+ — Install via nvm
- Supabase CLI — Install via
npm install -g supabaseor see Supabase CLI docs - Docker Desktop (only if using the local Supabase path) — Install Docker Desktop
- Circle Developer Controlled Wallets API key and Entity Secret
How It Works
- Built with Next.js App Router and Supabase
- Uses Circle Developer Controlled Wallets for managing multi-chain transactions
- Uses Circle Gateway for a unified, cross-chain USDC balance
- Utilizes
@circle-fin/app-kit(kit.bridge/kit.estimateBridge) for bridging assets across supported chains - Circle webhooks keep transaction and Gateway state in sync (see Webhooks & Real-Time Updates)
- Real-time UI updates powered by Supabase Realtime subscriptions
- Styled with Tailwind CSS and components from shadcn/ui
Webhooks & Real-Time Updates
The dashboard refreshes balances automatically when funds move: a Circle webhook updates a row in Supabase, and a Supabase Realtime subscription pushes that change to the UI.
Circle must reach your endpoint over the public internet, so local development needs a tunnel (e.g. ngrok). Point a tunnel at your dev server and set WEBHOOK_ENDPOINT_URL accordingly:
ngrok ht
Description
fintech app for multi-chain treasury management system
Related repositories
Similar projects matched by category, topics, and programming language.
vercel-labs
Featured
scriptc
scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.
Jakubantalik
Featured
thinking-orbs
A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.