CoinHippo Bridge is a simplified bridge app built based on Connext's nxtp protocol and subgraph technology. It is designed and built as the starter framework to be easily forked and used as the foundation of cross-chain bridge applications for any project.

• App: https://bridge.coinhippo.io
• Explorer: https://connextscan.io

• App: https://bridge-testnet.coinhippo.io
• Explorer: https://testnet.connextscan.io

• Website: https://connext.nextwork
• Doc: https://docs.connext.network

• Connext Subgraph
• Connextscan API

• Next.js
• Connext SDK
• Nomad SDK
• web3.js
• ethers.js
• Web3Modal

• Install dependencies

  npm install --force
  

• Run on localhost:3000

  # mainnet
  npm run dev
  
  # staging
  npm run dev-dev
  
  # testnet
  npm run dev-testnet
  

# .env for Mainnet
# .env.staging for Mainnet Staging
# .env.testnet for Testnet

• Parameters

  • Application name & Team information

    • NEXT_PUBLIC_APP_NAME, NEXT_PUBLIC_TEAM_NAME and NEXT_PUBLIC_TEAM_URL

  • Application configuration

    • NEXT_PUBLIC_NETWORK
      • mainnet or testnet
    • NEXT_PUBLIC_USE_CONFIG
      • connext for using same configuration as Connext, the main Connext's app.
      • otherwise, use local config in /config
    • NEXT_PUBLIC_ANNOUNCEMENT (optional)
      • If you're using the local config, the announcement message displayed on the app will retrieve the message from this parameter.
    • NEXT_PUBLIC_SITE_URL
      • the URL that your bridge is deployed on
    • NEXT_PUBLIC_FAQ_URL (optional)
      • the support or FAQ document URL of the bridge (default to Connext support document)

  • External service ID

    • NEXT_PUBLIC_INFURA_ID
      • using in Connect Wallet (WalletConnectProvider and WalletLink)
    • NEXT_PUBLIC_PORTIS_ID (optional)
      • set this parameter when you want your app to support Portis wallet

  • Contact information

    • NEXT_PUBLIC_TWITTER_USERNAME, NEXT_PUBLIC_TELEGRAM_USERNAME, NEXT_PUBLIC_DISCORD_URL, NEXT_PUBLIC_GITHUB_URL and NEXT_PUBLIC_ENS_NAME

  • OG_TITLE and OG_DESCIPRTION

    • NEXT_PUBLIC_DEFAULT_TITLE and NEXT_PUBLIC_DEFAULT_DESCRIPTION

• Logo
  • for dark theme: here
• icons
• favicon
• App logo (show on MetaMask)
• OG_IMAGE

• theme: light or dark

• set sitemap config at sitemap.xml
• change sitemap url in robots.txt
• set up manifest at manifest.json

• name
• version
• scripts
• etc.

Now you are ready to deploy your Dapp. Enjoy! :)