quai-no-code-deployer

quai-no-code-deployer is a boilerplate dApp built on top of Quai Network using the NextJS framework in tandem with Chakra-UI. The live version of this site is hosted at quai-no-code-deployer.vercel.app.

Features

• Using Pelagus Wallet in your application
• Handling accounts and data from all shards
• Fetching transaction data, tokens, and NFTs from Quaiscan
• Using the quais SDK to interact with Quai Network

Getting Started

Clone the repository and install the dependencies:

git clone https://github.com/dominant-strategies/quai-no-code-deployer
cd quai-no-code-deployer
npm install

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the page.

Components

Pelagus Connection

Pelagus connection is achieved via the quais.BrowserProvider() method. The logic for connecting to Pelagus is located in the components/lib/wallet/useGetAccounts.ts and requestAcccounts.ts files.

• The logic in useGetAccounts always runs on page load and attempts to get the user's accounts if connected. It also initiates a listener for the accountsChanged event.
• The logic in requestAccounts is only used in response to a direct user action. It prompts the user to connect their wallet and returns the accounts if successful.

Design

quai-next-dapp uses Chakra-UI for styling and layout. A complete style config for custom components and theme is located in the theme/ directory.