React Framework + NextJS | Celo Composer

Celo Composer support React boilerplate template with TailwindCSS. This is a starter kit with no additional boilerplate code. It's a perfect starter kit to get your project started on Celo blockchain.

Setup & Installation

yarn

Run yarn or npm install to install all the required dependencies to run the dApp.

React + Tailwind CSS Template does not have any dependency on hardhat and truffle. This starterkit does not include connection of Hardhat/Truffle with ReactJS. It's up to the user to integrate smart contract with ReactJS. This gives user more flexibily over the dApp.

• To start the dApp, run the following command.

yarn react-dev

Dependencies

Default

• Next.js app framework
• TailwindCSS for UI
• rainbowkit-celo, a plugin to help rainbowkit developers support the CELO protocol faster.

Architecture

• /pages includes the main application components (specifically index.tsx and _app.tsx)
  • _app.tsx includes configuration
  • index.tsx is the main page of the application
• /components includes components that are rendered in index.tsx
• /public includes static files