Prompt an AI agent to integrate Velora Market Swap into a Next.js dApp using Wagmi and Viem.
Want gasless + MEV-protected fills instead? Start with nextjs-delta-swap, or call GET /v2/quote?mode=ALL and let Velora pick the path; see Trading modes.
A Next.js 14 (App Router) page with a fully working Velora Market swap: quote → build calldata → sign and send via Wagmi/Viem. The user signs one transaction. The route uses Augustus v6.2 against the chain selected by their connected wallet.
You are working in a Next.js 14 App Router project with Wagmi v2 and Viem already configured.Build a `/swap` page that lets the user swap any ERC-20 → any ERC-20 on Velora's Market API.Requirements:- Use the Velora Market REST API at `https://api.velora.xyz`. Endpoints: `GET /prices` and `POST /transactions/:chainId`.- Always set `partner` to the host app's partner identifier on every quote call (`my-app-name` is only a placeholder).- For the native ETH placeholder, use `0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE` (mixed case; lowercase is rejected).- Quote first, then call `/transactions/:chainId` with the `priceRoute` returned by the quote, passed verbatim.- Use Viem's `useWalletClient` to send the transaction. Read `chainId` from Wagmi.- Handle the three real failure modes: stale `priceRoute` (re-quote on submit), `INSUFFICIENT_OUTPUT` revert (increase slippage and retry), and ERC-20 allowance missing (prompt approval to the v6.2 router from the quote response's `contractAddress` field).- Show the user `srcUSD`, `destUSD`, `gasCostUSD`, and `partnerFee` from the response before they confirm.Reference these docs and follow them exactly:- https://velora.xyz/docs/overview/quickstart- https://velora.xyz/docs/api-reference/market/prices- https://velora.xyz/docs/api-reference/market/transactionsDo NOT invent endpoint paths. Do NOT cache `priceRoute` longer than 30 seconds. Always approve the address returned in `priceRoute.contractAddress` (not a hardcoded address).
[Same prompt body as Claude Code above. Cursor reads workspace docs by default. If you have the Velora docs cloned, point Cursor at them via @docs.]
[Same prompt body as Claude Code above. With Codex, supply the four reference URLs as `--allowed-domains` and run the prompt in workspace-write mode.]
A signed swap transaction lands on-chain in your wallet’s history.
priceRoute.version on the most recent quote is "6.2".
The token approval (if needed) was granted to priceRoute.contractAddress, not to a hardcoded address.
Last modified on June 14, 2026
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Velora Docs","colors":{"primary":"#FF6A1F","light":"#FF6A1F","dark":"#FF6A1F"},"logo":{"light":"https://mintcdn.com/digraphsas/dzTOBt-4vuC42FD_/logo/light.svg?fit=max\u0026auto=format\u0026n=dzTOBt-4vuC42FD_\u0026q=85\u0026s=10090a7fe31ef56e53c2c9d48e3eb26c","dark":"https://mintcdn.com/digraphsas/dzTOBt-4vuC42FD_/logo/dark.svg?fit=max\u0026auto=format\u0026n=dzTOBt-4vuC42FD_\u0026q=85\u0026s=421be1bbf11157d87224790015a42f1c"},"favicon":"https://mintcdn.com/digraphsas/dzTOBt-4vuC42FD_/favicon.png?fit=max\u0026auto=format\u0026n=dzTOBt-4vuC42FD_\u0026q=85\u0026s=cd546b11ab03ebe8be303fb3bf40f0ba","api":{"playground":{"display":"interactive"},"examples":{"prefill":true}},"navbar":{"primary":{"type":"button","label":"Launch app","href":"https://www.velora.xyz/app"}},"footer":{"socials":{"x":"https://x.com/veloradex","github":"https://github.com/VeloraDEX"}},"seo":{"metatags":{"og:site_name":"Velora Docs","og:type":"website","twitter:card":"summary_large_image","twitter:site":"@veloradex"},"indexing":"navigable"},"fonts":{"heading":{"family":"Geist"},"body":{"family":"Inter"}},"integrations":{"intercom":{"appId":"l8fmq3sh"}},"banner":{"content":"Building an AI agent? See [llms.txt](/docs/llms.txt) and [llms-full.txt](/docs/llms-full.txt).","dismissible":true},"errors":{"404":{"redirect":false,"title":"Page not found","description":"Try the search above, or browse: [Quickstart](/overview/quickstart) · [Delta API](/api-reference/delta/quote) · [Market API](/api-reference/market/prices)."}},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode"],"display":"header"},"thumbnails":{"appearance":"dark","background":"https://mintcdn.com/digraphsas/TXoumGm6_mmUQo5d/images/hero-bg-dark.svg?fit=max\u0026auto=format\u0026n=TXoumGm6_mmUQo5d\u0026q=85\u0026s=0cd568f5d09ef8e55f40a6bf0cef9caf"},"metadata":{"timestamp":true},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"digraphsas","hasAudioNarration":false,"actualSubdomain":"digraphsas","customDomains":["docs.velora.xyz"],"gitSource":{"type":"github","owner":"veloradex","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6ad9db11fd1ebb929e8ceabf","collectionId":"52b4b080-ec94-4910-a6ae-8a0b134d268a","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6ad9db11fd1ebb929e8ceabf"},"feedback":{"thumbs":true},"entitlements":{},"buildId":"6ad9db11fd1ebb929e8ceabf","clientVersion":"0.0.4067","searchFilterCounts":[{"language":"default","tag":"Integrate","count":34},{"language":"default","tag":"API Reference","count":29},{"language":"default","tag":"Delta API","count":26},{"language":"default","tag":"Resources","count":19},{"language":"default","tag":"AI Agents","count":17},{"language":"default","tag":"SDK","count":14},{"language":"default","tag":"Widget","count":12},{"language":"default","tag":"Market API","count":11},{"language":"default","tag":"Examples","count":10},{"language":"default","tag":"Products","count":10}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"/docs","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":true},"customCss":[{"filePath":"style.css","content":"html[data-current-path=\"/\"] div:has(>.nav-tabs){display:none!important}html[data-current-path=\"/\"] #navbar{border-bottom:none!important}html[data-current-path=\"/\"] button.lg\\:hidden{display:none!important}html[data-current-path=\"/\"] [aria-label*=\"more\"i],html[data-current-path=\"/\"] [data-contextual],html[data-current-path=\"/\"] button:has(>svg.lucide-chevron-down){display:none!important}#background-color{background-image:url(\"/docs/images/hero-bg-light.svg\")!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important}html.dark #background-color{background-image:url(\"/docs/images/hero-bg-dark.svg\")!important}#navbar-transition{background-color:transparent!important}.card{background-color:#ffffff!important;border-color:rgba(15, 23, 42, 0.08)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(255, 106, 31, 0.10), 0 16px 40px rgba(255, 106, 31, 0.12)}.card svg{color:#FF6A1F!important}.card [data-component-part=\"card-title\"]{color:#141822!important}.card .prose{color:#525C70!important}html.dark .card{background-color:#171B25!important;border-color:rgba(255, 255, 255, 0.12)!important;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.2)}html.dark .card [data-component-part=\"card-title\"]{color:#EDEFF3!important}html.dark .card .prose{color:#B4BBC8!important}.sidebar-group a[aria-current=\"page\"]{background-color:transparent!important;background-image:none!important;border-radius:0!important;box-shadow:inset 3px 0 0 #FF6A1F!important}#sidebar [class*=\"bg-gradient-to-b\"]{background-image:none!important}"}],"page":{"pagePath":"for-agents/prompt-library/nextjs-market-swap","slug":"/for-agents/prompt-library/nextjs-market-swap","pageMetadata":{"title":"Next.js Market swap prompt","sidebarTitle":"Next.js Market swap","description":"Prompt an AI agent to integrate Velora Market Swap into a Next.js dApp using Wagmi and Viem.","last-verified":"2026-05-15T00:00:00.000Z","keywords":["nextjs","wagmi","viem","market","swap"],"href":"/for-agents/prompt-library/nextjs-market-swap"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Prompt an AI agent to integrate Velora Market Swap into a Next.js dApp using Wagmi and Viem.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,li:`li`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{CodeBlock,CodeGroup,Heading,Tip}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!CodeGroup)_missingMdxReference(`CodeGroup`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(Tip,{children:_jsxs(_components.p,{children:[`Want gasless + MEV-protected fills instead? Start with `,_jsx(_components.a,{href:`/for-agents/prompt-library/nextjs-delta-swap`,children:_jsx(_components.code,{children:`nextjs-delta-swap`})}),`, or call `,_jsx(_components.code,{children:`GET /v2/quote?mode=ALL`}),` and let Velora pick the path; see `,_jsx(_components.a,{href:`/integrate/trading-modes`,children:`Trading modes`}),`.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`outcome`,children:`Outcome`}),`\n`,_jsxs(_components.p,{children:[`A Next.js 14 (App Router) page with a fully working `,_jsx(_components.strong,{children:`Velora Market`}),` swap: quote → build calldata → sign and send via Wagmi/Viem. The user signs one transaction. The route uses Augustus v6.2 against the chain selected by their connected wallet.`]}),`\n`,_jsx(Heading,{level:`2`,id:`prompt`,children:`Prompt`}),`\n`,_jsxs(CodeGroup,{children:[_jsx(CodeBlock,{filename:`Claude Code`,numberOfLines:`20`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`20`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`You are working in a Next.js 14 App Router project with Wagmi v2 and Viem already configured.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"Build a `/swap` page that lets the user swap any ERC-20 → any ERC-20 on Velora's Market API.\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Requirements:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"- Use the Velora Market REST API at `https://api.velora.xyz`. Endpoints: `GET /prices` and `POST /transactions/:chainId`.\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"- Always set `partner` to the host app's partner identifier on every quote call (`my-app-name` is only a placeholder).\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"- For the native ETH placeholder, use `0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE` (mixed case; lowercase is rejected).\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"- Quote first, then call `/transactions/:chainId` with the `priceRoute` returned by the quote, passed verbatim.\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"- Use Viem's `useWalletClient` to send the transaction. Read `chainId` from Wagmi.\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"- Handle the three real failure modes: stale `priceRoute` (re-quote on submit), `INSUFFICIENT_OUTPUT` revert (increase slippage and retry), and ERC-20 allowance missing (prompt approval to the v6.2 router from the quote response's `contractAddress` field).\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"- Show the user `srcUSD`, `destUSD`, `gasCostUSD`, and `partnerFee` from the response before they confirm.\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Reference these docs and follow them exactly:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- https://velora.xyz/docs/overview/quickstart`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- https://velora.xyz/docs/api-reference/market/prices`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- https://velora.xyz/docs/api-reference/market/transactions`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"Do NOT invent endpoint paths. Do NOT cache `priceRoute` longer than 30 seconds. Always approve the address returned in `priceRoute.contractAddress` (not a hardcoded address).\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),_jsx(CodeBlock,{filename:`Cursor`,numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`[Same prompt body as Claude Code above. Cursor reads workspace docs by default. If you have the Velora docs cloned, point Cursor at them via @docs.]`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),_jsx(CodeBlock,{filename:`Codex`,numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:\"[Same prompt body as Claude Code above. With Codex, supply the four reference URLs as `--allowed-domains` and run the prompt in workspace-write mode.]\"})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})})]}),`\n`,_jsx(Heading,{level:`2`,id:`end-state-check`,children:`End-state check`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`A signed swap transaction lands on-chain in your wallet’s history.`}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.code,{children:`priceRoute.version`}),` on the most recent quote is `,_jsx(_components.code,{children:`\"6.2\"`}),`.`]}),`\n`,_jsxs(_components.li,{children:[`The token approval (if needed) was granted to `,_jsx(_components.code,{children:`priceRoute.contractAddress`}),`, not to a hardcoded address.`]}),`\n`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Next.js Market swap prompt","sidebarTitle":"Next.js Market swap","description":"Prompt an AI agent to integrate Velora Market Swap into a Next.js dApp using Wagmi and Viem.","last-verified":"2026-05-15T00:00:00.000Z","keywords":["nextjs","wagmi","viem","market","swap"],"href":"/for-agents/prompt-library/nextjs-market-swap"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Outcome","slug":"outcome","depth":2,"children":[]},{"title":"Prompt","slug":"prompt","depth":2,"children":[]},{"title":"End-state check","slug":"end-state-check","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/docs/_mintlify/custom/digraphsas/deb703eb64c36dc9/consent.js"],"subdomain":"digraphsas","siteName":"Velora Docs","title":"Next.js Market swap prompt - Velora Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-06-14T17:57:28.064Z","gitLastModified":"2026-06-14T22:43:57.000Z","originalFileLocation":"for-agents/prompt-library/nextjs-market-swap.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Prompt an AI agent to integrate Velora Market Swap into a Next.js dApp using Wagmi and Viem.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Velora Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Next.js Market swap prompt - Velora Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Prompt an AI agent to integrate Velora Market Swap into a Next.js dApp using Wagmi and Viem.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Velora Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://digraphsas.mintlify.app/_mintlify/api/og/v2?division=Prompt+library\u0026amp;title=Next.js+Market+swap+prompt\u0026amp;description=Prompt+an+AI+agent+to+integrate+Velora+Market+Swap+into+a+Next.js+dApp+using+Wagmi+and+Viem.\u0026amp;theme=77c9b48266b95edd9d808f12\u0026amp;signature=be793633494cd422e71755f43cf49c7a3852d934afa30f8e6b73c18e18afd6d5\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Next.js Market swap prompt - Velora Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Prompt an AI agent to integrate Velora Market Swap into a Next.js dApp using Wagmi and Viem.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://digraphsas.mintlify.app/_mintlify/api/og/v2?division=Prompt+library\u0026amp;title=Next.js+Market+swap+prompt\u0026amp;description=Prompt+an+AI+agent+to+integrate+Velora+Market+Swap+into+a+Next.js+dApp+using+Wagmi+and+Viem.\u0026amp;theme=77c9b48266b95edd9d808f12\u0026amp;signature=be793633494cd422e71755f43cf49c7a3852d934afa30f8e6b73c18e18afd6d5\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/docs/mintlify-assets/_mintlify/favicons/digraphsas/9UDYNopsfpJ1fXs8/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Velora Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#FF6A1F\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/for-agents/prompt-library/nextjs-market-swap.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.velora.xyz/#organization\",\"name\":\"Velora Docs\",\"url\":\"https://docs.velora.xyz\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/digraphsas/dzTOBt-4vuC42FD_/logo/light.svg?fit=max\u0026auto=format\u0026n=dzTOBt-4vuC42FD_\u0026q=85\u0026s=10090a7fe31ef56e53c2c9d48e3eb26c\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.velora.xyz/docs#website\",\"name\":\"Velora Docs\",\"url\":\"https://docs.velora.xyz/docs\",\"publisher\":{\"@id\":\"https://docs.velora.xyz/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap#webpage\",\"url\":\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap\",\"name\":\"Next.js Market swap prompt\",\"description\":\"Prompt an AI agent to integrate Velora Market Swap into a Next.js dApp using Wagmi and Viem.\",\"dateModified\":\"2026-06-14T22:43:57.000Z\",\"isPartOf\":{\"@id\":\"https://docs.velora.xyz/docs#website\"},\"breadcrumb\":{\"@id\":\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prompt library\",\"item\":\"https://docs.velora.xyz/docs/for-agents/prompt-library/index\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Next.js Market swap prompt\",\"item\":\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap#article\",\"headline\":\"Next.js Market swap prompt\",\"name\":\"Next.js Market swap prompt\",\"description\":\"Prompt an AI agent to integrate Velora Market Swap into a Next.js dApp using Wagmi and Viem.\",\"url\":\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap\",\"mainEntityOfPage\":{\"@id\":\"https://docs.velora.xyz/docs/for-agents/prompt-library/nextjs-market-swap#webpage\"},\"dateModified\":\"2026-06-14T22:43:57.000Z\",\"keywords\":\"nextjs, wagmi, viem, market, swap\",\"publisher\":{\"@id\":\"https://docs.velora.xyz/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.velora.xyz/docs#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Velora Docs\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Velora Docs","nav":{"global":null,"tabs":[{"tab":"Overview","pages":[{"title":"Overview","href":"/overview/why-velora"}]},{"tab":"Integrate","pages":[{"title":"Integrate","href":"/integrate/api"}]},{"tab":"Delta API","pages":[{"title":"Delta API","href":"/delta/overview"}]},{"tab":"Market API","pages":[{"title":"Market API","href":"/market/overview"}]},{"tab":"AI Agents","groups":[{"group":"Start here","pages":[{"title":"AI agent trading with Velora","sidebarTitle":"Overview","href":"/for-agents/overview"},{"title":"Velora agent five-call recipe","sidebarTitle":"Five-call recipe","href":"/for-agents/five-call-recipe"},{"title":"Velora agent decision tables","sidebarTitle":"Decision tables","href":"/for-agents/decision-tables"},{"title":"Token approvals for AI agents","sidebarTitle":"Token approvals","href":"/for-agents/token-approvals"}]},{"group":"Prompt library","pages":[{"title":"Velora AI agent prompt library","sidebarTitle":"Overview","href":"/for-agents/prompt-library/index"},{"title":"Next.js Delta swap prompt","sidebarTitle":"Next.js Delta swap","description":"Prompt an AI agent to add Velora Delta gasless swaps to a Next.js dApp.","href":"/for-agents/prompt-library/nextjs-delta-swap"},{"title":"Next.js Market swap prompt","sidebarTitle":"Next.js Market swap","href":"/for-agents/prompt-library/nextjs-market-swap"},{"title":"Parallel aggregator routing prompt","sidebarTitle":"Parallel aggregators","description":"Prompt an AI agent to wire Velora as a parallel quote source and route per-quote.","href":"/for-agents/prompt-library/parallel-aggregators"},{"title":"Telegram trading bot prompt","sidebarTitle":"Telegram trading bot","href":"/for-agents/prompt-library/telegram-trading-bot"},{"title":"Crosschain Aave deposit prompt","sidebarTitle":"Crosschain Aave deposit","href":"/for-agents/prompt-library/crosschain-aave-deposit"},{"title":"Velora MCP client prompt","sidebarTitle":"MCP client from scratch","href":"/for-agents/prompt-library/mcp-client-from-scratch"},{"title":"Velora Widget React embed prompt","sidebarTitle":"Widget React embed","href":"/for-agents/prompt-library/widget-react-embed"},{"title":"AugustusRFQ OTC flow prompt","sidebarTitle":"OTC flow","href":"/for-agents/prompt-library/rfq-otc-flow"}]},{"group":"MCP server","pages":[{"title":"Velora MCP server for AI agents","sidebarTitle":"Overview","href":"/for-agents/mcp-server/overview"},{"title":"Install the Velora MCP server","sidebarTitle":"Installation","href":"/for-agents/mcp-server/installation"},{"title":"Velora MCP server tools","sidebarTitle":"Available tools","href":"/for-agents/mcp-server/available-tools"},{"title":"Velora MCP server examples","sidebarTitle":"Examples","href":"/for-agents/mcp-server/examples"}]}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/introduction"}]},{"tab":"Resources","pages":[{"title":"Resources","href":"/resources/chains-and-contracts"}]}]},"basePath":"","title":"Next.js Market swap prompt - Velora Docs","buildId":"dpl_9yaRmq8qi7yyMZn9oEWmKEdYMvGZ","deploymentId":"dpl_9yaRmq8qi7yyMZn9oEWmKEdYMvGZ","dynamics":["10e4515597"],"chunks":["BannerMarkdown-Cid2x0Kq.js","dist-CpdUkuDP.js","lib-DuNMoZ05.js","lib-B8HbPgcC.js","clsx-BZ8NiN2w.js","html-void-elements-mCSPHezU.js","katex-YMM-FMeD.js","marked.esm-CZWythHk.js"]}