Engineering

NATIVE Frame

A Farcaster frame for swapping ETH to NATIVE on Base, tracking transactions, and notifying users.

Disciplines: Mini appBlockchain integration

NATIVE Frame illustration with an ETH and NATIVE swap ribbon, status notches, and a notification path.

Context

NATIVE Frame brings ETH-to-NATIVE swaps on Base into a Farcaster application. Users follow price updates and transaction status, with notifications included in the frame workflow.

Architecture

Next.js connects swap pages, price updates, transaction status, and affiliate fee integration. Webhooks handle frame additions, removals, and notification permission changes, giving platform events their own path.

Technical stack

Next.js
TypeScript
Farcaster
Base

Implementation

The swap workflow connects price updates, transaction status, and affiliate fee integration.
Webhooks handle frame additions, removals, and notification permission changes.