{"id":22164831,"url":"https://github.com/net2devcrypto/0x-protocol-defi-swap-nextjs","last_synced_at":"2026-03-07T23:31:09.991Z","repository":{"id":129705301,"uuid":"541937847","full_name":"net2devcrypto/0x-Protocol-DeFI-Swap-NextJS","owner":"net2devcrypto","description":"👑 This is the best 0x Protocol DeFI Swap App built for NextJS - Add this addon to your existing NextJS Project for a full fledged powerful DeFI Swap Interface Functionality. Allow Users to exchange crypto right from your web front end. ","archived":false,"fork":false,"pushed_at":"2024-01-11T23:41:55.000Z","size":7950,"stargazers_count":19,"open_issues_count":0,"forks_count":24,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-26T15:57:23.336Z","etag":null,"topics":["0x","alchemy","api","binance","defi","ethereum","nextjs","polygon","react","smartcontracts","solidity","swap","token"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/net2devcrypto.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2022-09-27T06:33:17.000Z","updated_at":"2025-02-28T16:53:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"f7883c7a-4b30-4aed-ba73-712b28e89244","html_url":"https://github.com/net2devcrypto/0x-Protocol-DeFI-Swap-NextJS","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/net2devcrypto/0x-Protocol-DeFI-Swap-NextJS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2F0x-Protocol-DeFI-Swap-NextJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2F0x-Protocol-DeFI-Swap-NextJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2F0x-Protocol-DeFI-Swap-NextJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2F0x-Protocol-DeFI-Swap-NextJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/net2devcrypto","download_url":"https://codeload.github.com/net2devcrypto/0x-Protocol-DeFI-Swap-NextJS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2F0x-Protocol-DeFI-Swap-NextJS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30237329,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-07T23:24:20.706Z","status":"ssl_error","status_checked_at":"2026-03-07T23:21:10.486Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["0x","alchemy","api","binance","defi","ethereum","nextjs","polygon","react","smartcontracts","solidity","swap","token"],"created_at":"2024-12-02T05:10:56.843Z","updated_at":"2026-03-07T23:31:09.496Z","avatar_url":"https://github.com/net2devcrypto.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 0x-Protocol-DeFI-Swap-NextJS\n\u003ca href=\"http://youtube.a3b.io\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/n2Dex-img.png\" width=\"200\" height=\"80\"\u003e\u003c/a\u003e\n\n👑 This is the best 0x Protocol DeFI Swap App built for NextJS - Add this to your existing NextJS Project for a full fledged powerful DeFI Swap Interface Functionality. Allow Users to exchange crypto right from your web front end. This repo contains all the files to add the n2DeX 0x Protocol DeFI Swap Interface to your NextJS Project! Be sure to watch my Youtube tutorial vid and follow along!\n\n\u003cdiv class='row'\u003e\n\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/dashboard.PNG\" width=\"320\" height=\"400\"\u003e\n\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/dashboard2.PNG\" width=\"300\" height=\"400\"\u003e\n\u003c/div\u003e\n\n** THE FILES ATTACHED TO THIS REPO ARE FOR EDUCATIONAL PURPOSES ONLY **\n\n** NOT FINANCIAL ADVISE **\n\n** USE IT AT YOUR OWN RISK** **I'M NOT RESPONSIBLE FOR ANY USE, ISSUES ETC.. **\n  \nClick for video:\n\n\u003ca href=\"https://youtu.be/adD83Y38NS8\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"150\" height=\"40\"\u003e\u003c/a\u003e \n\nSteps:\n\n1-Create an new NextJS app:\n\n```shell\nnpx create-next-app defiswap\n```\n\n2- Install Dependencies:\n\n```shell\ncd defiswap\nnpm i @nextui-org/react web3 web3modal ethers alchemy-sdk sf-font\nnpm i --save-dev @types/react\nnpm i --save-dev @types/qs\n```\n\n3- Replace all files and folders in your project with the ones attached to this repo.\n\nAdd all files and folders to the root project directory \"defiswap\", overwrite when prompted.\n\n4- Create a new Alchemy API App for Ethereum Mainnet and update the API Key field with your\n\nAlchemy API Key in the defiswap.js file\n\n```shell\n const config = {\n      apiKey: \"PLACE YOUR API KEY\",\n      network: Network.ETH_MAINNET,\n    };\n```\n\nSave File after updating!\n\n\n5- Start your application, navigate to the project page and enjoy!\n\n```shell\nnpm run dev\n```\n\n############################################################################ \n\nOPTIONAL - If you just need to add the DeFI swap to any NextJS Project:\n\n- Install dependencies from step 2 to your project root folder.\n\n- Add the engine folder and the public folder contents to your project root folder. \n\n- Add the tokens.js in pages/api folder and the defiswap.js in /pages folder.\n\n- Import the defiswap interface in app.js or any other page accordingly:\n\n```shell\nimport Defiswap from './defiswap';\n\nfunction MyApp({ Component, pageProps }) {\n  return (\n    \u003cdiv\u003e\n      \u003cDefiswap /\u003e\n    \u003c/div\u003e\n  );\n}\n\n```\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnet2devcrypto%2F0x-protocol-defi-swap-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnet2devcrypto%2F0x-protocol-defi-swap-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnet2devcrypto%2F0x-protocol-defi-swap-nextjs/lists"}