This repository is deprecated, it has moved to https://github.com/Synthetixio/js-monorepo/tree/master/v2/ui

Staking

Tech stack

• Next.js
• React
• React Query
• Recoil
• Unstated-next
• Styled-Components
• Immer

Ethereum stack

• ethers.js v5 - Ethereum wallet implementation.
• Blocknative Onboard - for ethereum wallet connectivity.
• synthetix-data - for historical data (powered by TheGraph).
• @synthetixio/contracts-interface - for interactions with the Synthetix protocol.
• @synthetixio/providers - for web3 providers on Layer 1 & 2.
• @synthetixio/optimism-networks - Utility library for Optimism Layer 2 support.
• @synthetixio/transaction-notifier - for transaction status.

Development

Install dependencies

yarn install

Set up environment variables

Copy the .env.local.example file in this directory to .env.local (which will be ignored by Git):

cp .env.local.example .env.local

Then, open .env.local and add the missing environment variables:

• NEXTPUBLICPORTISAPPID - Portis app id (get it from portis.io)
• NEXTPUBLICBNONBOARDAPIKEY - Blocknative Onboard API key (get it from blocknative.com)
• NEXTPUBLICINFURAPROJECTID - Infura project id (get it from infura.io)

yarn dev

yarn build
yarn start

SECRET_WORDS="word1, word2, ..." yarn test:e2e