A web app template for building Hyperlane Warp Route UIs
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
J M Rossy dac10a068d Fix outdated links 2 years ago
.github Add CODEOWNERS 2 years ago
.vscode Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
.yarn Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
public Tweak some tooling settings and more cleanup 2 years ago
src Fix outdated links 2 years ago
.eslintignore Tweak some tooling settings and more cleanup 2 years ago
.eslintrc Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
.gitignore Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
.prettierignore Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
.prettierrc Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
.yarnrc.yml Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
CUSTOMIZE.md Add note about logoImgSrc 2 years ago
LICENSE.md Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
README.md Rebrand to warp route 2 years ago
next-env.d.ts Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
next.config.js Tweak some tooling settings and more cleanup 2 years ago
package.json Validate JSON configs before use (#20) 2 years ago
postcss.config.js Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
tailwind.config.js Tweak some tooling settings and more cleanup 2 years ago
tsconfig.json Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
yarn.lock Validate JSON configs before use (#20) 2 years ago

README.md

Hyperlane Warp Route UI Template

This repo contains an example web interface for a 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.

  • The index page is located at ./src/pages/index.tsx
  • The primary features are implemented in ./src/features/
  • Constants that you may want to change are in ./src/consts/, see the following Customization section for details.

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 recommended hosting solution for this Next.JS app is to create a project on Vercel.

Learn more

For more information, see the Hyperlane documentation.