Web App

Next.js 13 dApp using the app router

Introduction

If you would like to run this specific example on your own, you'll to use Alchemy, since we use one of their special JSON-RPC calls, alchemy_getAssetTransfers. Please also ensure that you copy and rename env.local.example to .env.local and fill in the private data.

Example deployment of the app here: https://autonomous-airdrop-example.vercel.app

System Diagram

Here's a review of the overall system in order to re-acquaint yourself with how the app is architected.

Flow diagram for the full Autonomous Airdrop system

Integrating your own circuit

After writing your own circuit in AxiomREPL, you can click Export > Export Typescript circuit. Once you get the circuit.ts file, you'll override /webapp/src/lib/circuit.ts.

You can also import the React context and component by using your favorite package manager (npm/yarn/pnpm):

npm install @axiom-crypto/react

See the Circuit Export page for more details on the integration.