Getting Started
Explore beyond the easy path; your creativity is the only limit.
Whichever path you choose, you’ll have our liquidity pools, smart contract logic, and risk management to back you up. Explore beyond the easy path; your creativity is the only limit. Whichever path you choose, you’ll have our liquidity pools, smart contract logic, and risk management to back you up.
Choose your path
- Low-code option
- Prerequisites: Git, Node.js
- Result: basic dApp with access to onchain data in less than a day.
- Moderate coding (SDK)
- Prerequisites: JavaScript, Web3 (wagmi, ethers)
- Result: basic dApp in less than a day with access to onchain data and broad customization opportunities.
- Independent coding
- Prerequisites: GraphQL, Web3 (wagmi, ethers, or other similar libs)
- Result: any Azuro app (betting interfaces, bots, game engines, DAOs, etc.).
🚀 Quick Start
To install Azuro template and customize it, run the following commands in your terminal::
git clone https://github.com/Azuro-protocol/example-app.git
cd example-app
npm install
The commands will do the following:
- Clone the Azuro template to your computer
- Navigate into the example project directory
- Install all the necessary dependencies for running the project
When you're ready to run the template on the localhost, run the following command:
npm run dev
Open your web browser and go to http://localhost:3000
to view the application.
How to make your own app from the template
To make this template into your own Azuro-powered app, fork this GitHub repository, add your affiliate address, logo and branded design to the project (see below), and host the resulting project on your domain.
Basic customization
Theme
This project uses a Tailwind CSS (opens in a new tab) theme configuration, allowing you to customize theme colors, element border-radius, and typography sizes to suit your needs. Go to tailwind.config.ts (opens in a new tab) file to add these changes.
Affiliate address
Add your affiliate address to the NEXT_PUBLIC_AFFILIATE_ADDRESS
variable in .env (opens in a new tab) file.
Logo
To add your project logo, change Logo (opens in a new tab) component.
👉 What to do next?
Now that you've run the template and might have also customized it and hosted on your domain, we encourage you to access our onboarding materials, learn what to expect during the first weeks of the integration, and get support from the Azuro team if necessary.