This boilerplate aim to help solana devloper to start building a frontend dapp quickly.
The project is bootstrapped with create-next-app
with Solana web3 wallet.
Below are some key dependencies of this project
- Chakra UI framewark
- Solana wallet adaptor (Including adaptor-ui) to make use of sollana wallet
- Solana web3 to interact with solana chain programs
Simply implement all neccessory packages by npm install
npm install
You can run test server on localhost:3000 with the boilerplate basic template by runing " npm run dev"
npm run dev
You can make your own react component by
-
Adding/Editing layout components into ./components/Layout/ such as Header, footer, sider ..etc
-
Changing the style of common components by editing Loading.tsx or Notify.tsx under ./components/Common/
This boilerplate by default contains two built in context providers in ./pages/_app.tsx:
- WalletProvier is to take advantage of solana wallet adaptor
- ChakraProvider is to equip the project with Chakra UI components
- Build in Anchor framework
- Dynamic adjusting exchange pool data