---
description: Next.js 13 dApp using the app router
---

# Web App

## 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](https://docs.alchemy.com/reference/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](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.

<figure><img src="https://2736512689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypbpUjOqJ3jQY4bOzbnl%2Fuploads%2F2y2T13m5fEYkOLI5Rkmf%2FGeneral%20Axiom%20Flow%20-%20Autonomous%20Airdrop.png?alt=media&#x26;token=83e1e98e-35fa-43b7-91c6-7a955c1d748b" alt=""><figcaption><p>Flow diagram for the full Autonomous Airdrop system</p></figcaption></figure>

## Integrating your own circuit&#x20;

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):

```bash
npm install @axiom-crypto/react
```

See the [Circuit Export](../../developers/exporting-a-client-side-prover) page for more details on the integration.
