Have you ever found yourself thinking:
“Wow! Yearn’s yield generating vaults are a work of DeFi art. I WISH I could integrate them into what we’re building.”
Well friend, you’ve come to the right place!
- Clone as template from GitHub
- Run
yarn
- Run
yarn run dev
- Open the browser and navigate to
http://localhost:3000
The stack used for this project is the following:
- 💙 Yearn Web Lib — Base for our web-lib
- 🚀 Next — JavaScript library for user interfaces
- ▲ Vercel — Cloud deployment platform
- 📄 TypeScript for static type checking
- 💄 ESLint for code linting
You can change the meta tags in the next.config.js
file:
- Update
WEBSITE_URI
with the base path of your project. This will be used for link sharing and OG image. - Update
WEBSITE_NAME
andWEBSITE_TITLE
with your project name - Update
WEBSITE_DESCRIPTION
with your project description - Update
PROJECT_GITHUB_URL
with your project GitHub link
Then, you can go in pages/_app.tsx
and update some more info:
- Update the content of the meta
theme-color
with your primary color - Update
og.jpeg
by the OG image name in thepublic
folder - Update twitter handle if required
Then, you can update the public/manifest.json
file which will be use for the Gnosis wallet support:
- Update
name
with your project name - Update
description
with your project description - Update
iconPath
with the relative path to your SVG icon (ideally, it should stay as is)