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 Safe Multisig web interface
  • Mainnet
  • Rinkeby
• 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

Gnosis Safe App Starter combines recommendations described in the following repositories:

• Safe Apps SDK
• safe-react-components

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 Multisig 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)