Hyperlane Warp Route UI Template
This repo contains an example web interface for interchain tokens built with Hyperlane Warp Route. Warp is a framework to permisionlessly bridge tokens to any chain.
Architecture
This app is built with Next+React, Wagmi, RainbowKit, and the Hyperlane SDK.
- Constants that you may want to change are in
./src/consts/, see the following Customization section for details. - The index page is located at
./src/pages/index.tsx - The primary features are implemented in
./src/features/
Customization
See CUSTOMIZE.md for details about adjusting the tokens and branding of this app.
Development
Setup
# Install dependencies yarn # Build Next project yarn build
Run
# Start the Next dev server
yarn devTest
# Lint check code yarn lint # Check code types yarn typecheck
Format
# Format code using Prettier
yarn prettierClean / Reset
# Delete build artifacts to start fresh
yarn cleanDeployment
The easiest hosting solution for this Next.JS app is to create a project on Vercel.
Learn more
For more information, see the Hyperlane documentation.