Skip to content

README.md

Latest commit

 

History

History
66 lines (41 loc) · 1.62 KB

README.md

File metadata and controls

66 lines (41 loc) · 1.62 KB

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

Set environment variables

Create a copy of .env.example and rename it to .env.

Add Wallet Connect ID

Create a WalletConnect Cloud Project ID from WalletConnect Cloud

Provide the WalletConnect Cloud Project ID in your .env file to use WalletConnect in your project. As shown in the .env.example file.

NEXT_PUBLIC_WC_PROJECT_ID=YOUR_EXAMPLE_PROJECT_ID;

Install dependencies

Install all the required dependencies to run the dApp.

Using yarn

yarn

or using npm

npm i

React + Tailwind CSS Template does not have any dependency on hardhat. 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 flexibility over the dApp.

  • To start the dApp, run the following command.
yarn dev

or using npm

npm run dev

Dependencies

Default

Architecture

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