Build a Token Swap dApp with 0x Swap API, ConnectKit, and Next.js

We just released a new Next.js demo app showing how to build an ERC-20 token swapping dapp using 0x Swap API and ConnectKit.

In this video, Jessica (0x, Developer Advocate), gives you a tour of the app and covers core concepts important when building any token swapping dapp of your own.

—-
*📱 Socials:*
0x: https://twitter.com/0xProject
Jessica: https://twitter.com/hey_its_jlin
Family/ConnectKit: https://twitter.com/family
—
*💻 Code Repo:* https://github.com/0xProject/0x-nextjs-demo-app
*📝 Written Guide:* Coming soon
*🔑 Get your 0x API key and get started building:* https://0x.org/docs/introduction/getting-started
*📚 Swap API Docs:* https://0x.org/docs/0x-swap-api/introduction
*Quote API Endpoint:* https://0x.org/docs/0x-swap-api/api-references/get-swap-v1-quote
*Price API Endpoint:* https://0x.org/docs/0x-swap-api/api-references/get-swap-v1-price
*⛓️ Swap API Endpoints on All Networks:* https://0x.org/docs/introduction/0x-cheat-sheet

*⚒️ How to Build a Token Swap DApp (HTML, CSS, Javascript)*
* Video: https://www.youtube.com/watch?v=tVvZ1ivp4X0
* Written: https://0x.org/docs/0x-swap-api/guides/how-to-build-a-token-swap-dapp-with-0x-api
—
*📚 ConnectKit Docs:* https://docs.family.co/connectkit
—
*Polygon:* https://polygon.technology/
—
*Next.js:* https://nextjs.org/
*wagmi:* https://wagmi.sh/
*viem:* https://viem.sh/

—
*Decreasing Frictions in DeFi Hackathon*

0x, Family, Polygon Labs, and AWS are excited to invite you to participate in our “Decreasing Frictions in DeFi” Hackathon, an online hackathon where builders can showcase their innovations to solve real-world financial frictions.

Subscribe to the 0x YouTube channel to get notified when we upload workshops to this playlist!

*PRIZES:* The hackathon is offering a total of $30,000 worth of awards ($10,000 USD +$20,000 AWS credits).

In addition to prizes, 0x is providing an opportunity for top 3 winners to showcase their project on our marketing channels. This is an exclusive opportunity to gain exposure and propel projects to the next level.

*BUILD RESOURCES:* Checkout the full list of docs, tutorials, and videos in the resources tab of the hackathon page: https://dorahacks.io/hackathon/decreasing-frictions-in-defi/resources

*WORKSHOPS:* We’ll be hosting three workshops during the entire hackathon month. Find the dates and links: https://dorahacks.io/hackathon/decreasing-frictions-in-defi/workshop-schedule

*TIMING:* Submissions are open from June 2nd thru July 2nd, 2023. Judging is from July 3rd to July 7th. Winners will be announced July 10th.

*FULL HACKATHON DETAILS:* https://dorahacks.io/hackathon/decreasing-frictions-in-defi