Install dependencies and start a local dev server.
yarn install
cp .env.sample .env
yarn start
Then:
- If HTTPS is used (by default enabled)
- Open your Safe app locally (by default via https://localhost:3000/) and accept the SSL error.
- Go to the Safe web interface
- Create your test safe
- Go to Apps -> Manage Apps -> Add Custom App
- Paste your localhost URL, default is https://localhost:3000/
- You should see Safe App Starter as a new app
- Develop your app from there
Safe App Starter combines recommendations described in the following repositories:
You can use the useSafe React hook to interact with the Safe Apps SDK
const safe = useSafe();
console.log(safe.info);
Safe React Components are also integrated and ready to use. See all components.
@gnosis.pm/safe-react-components(UI components themed for the Safe interface)@rmeissner/safe-apps-react-sdk(React hook for the Safe Apps SDK)
ethers(Library for interacting with Ethereum)web3(Library for interacting with Ethereum)@studydefi/money-legos(Library for DeFi interactions)