Give your dApp a Speed Boost — How to integrate Squid’s super fast cross-chain swaps

Squid’s Cross-Chain widget now offers swaps across any chain in under 20 seconds. Here’s how you can integrate Boost into your app.

Web3 is having a bit of a glow-up these days. Thanks to the remarkable efforts of numerous incredible teams focused on building for better UX, we’re getting security & decentralization without having to resign ourselves to slow, clunky, and manual blockchain interactions.

At Squid, we just announced Boost — a new feature that allows users to speed-boost their cross-chain transfers so that they happen in 20 seconds or less!

Our widget includes Boost already, and anyone can integrate it in just a few steps. If you want to offer the fastest ever cross-chain swaps on the market–buckle up because you’re in luck! Here’s how to do it:

Integrating Squid is as easy as 1–2–3

1. Run a few lines of code.
2. Ask for an integrator ID here.
3. Customize your widget, and add the code into your app!

To start, you’ve got to run a few commands in the terminal:

yarn add @0xsquid/widget

Then, also run the following:

yarn add react-app-rewired crypto-browserify path-browserify stream-browserify

*(or read this part of the docs, you curious cat).

Good. You’re ready. Now go find your package.json file and change this line:

"scripts": { "start": "react-app-rewired start", }

Whew. We did it. Did you ask for your integrator ID earlier? If not, grab one here.

Now is the best part! Squid has a handy little customizer page where you can make sure that your colors are the perfect fit for your app. Once you’ve perfected your widget, just copy the react app snippet and throw it into your app.txs file!

And you’re done! Now you’re ready to get racing. Feel free to reach out to us in the #⛓│developers channel on Discord if you need any support.