Skip to content

hyperlane-xyz/hyperlane-warp-ui-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

0b87b77 · May 14, 2024
Jan 29, 2024
Feb 20, 2024
Jan 23, 2024
Apr 12, 2024
May 14, 2024
Jul 7, 2023
Jan 16, 2024
Feb 10, 2024
Jan 23, 2024
Dec 4, 2022
Dec 4, 2022
Dec 22, 2023
Feb 26, 2024
Dec 4, 2022
Dec 22, 2023
Dec 22, 2023
Dec 4, 2022
Jan 16, 2024
Mar 15, 2024
Dec 4, 2022
Jan 16, 2024
May 2, 2024
Jan 16, 2024
Jan 16, 2024
Nov 1, 2023
Jan 23, 2024
Mar 15, 2024

Repository files navigation

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 dev

Test

# Lint check code
yarn lint

# Check code types
yarn typecheck

Format

# Format code using Prettier
yarn prettier

Clean / Reset

# Delete build artifacts to start fresh 
yarn clean

Deployment

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.