This repository is a TypeScript/Next.js based open-source framework to build LUKSO dApps with ease.
Demo URL: https://boilerplate.lukso.tech/
More information is available on our 👉 technical documentation.
- Reusable components for Universal Profiles, Assets, and Vaults
- Shared contexts for Profiles, Networks, and the Extension
- Network, interface, and metadata detection
- Multiple Providers: Web3 Onboard, Wallet Connect, or plain injection
- Built-in
ethers.js,erc725.js,lsp-smart-contracts - Uses
Tailwind,Prettier,TypeScript
INFO: You can switch between a regular provider and Web3-Onboard by setting the
useOnboardvariable within the EthereumContext.
Clone the repository:
git clone [email protected]:lukso-network/tools-dapp-boilerplate.gitInstall all packages and libraries:
npm installSetup local environment variables:
If you use Wallet Connect, you will have to import a Project ID. You can simply copy the example environment file and input the parameter.
cp .env.local.example .env.localRun the development server:
npm run devNext.js: React Framework@lukso/lsp-smart-contracts: Schemas and Interfaces for LSPs@web3-onboard/core: Connecting with various Browser Extensions@erc725/erc725.js: ERC725 Smart Contract Interactionsethers: Ethereum Library for Blockchain Interactions