> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pagamentos.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrações

> Como integrar outras ferramentas com o **pagamentos.dev**

## Fullstack

<Columns cols={3}>
  <Card title="Next.js" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/next.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=2be805c47d3beaae8e5c286177713532" href="/integracoes/nextjs" width="24" height="24" data-path="icons/next.svg" />

  <Card title="TanStack Start" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/tanstack.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=f9fc423f33ee72150071d81bd92793a6" href="/integracoes/tanstack" width="24" height="24" data-path="icons/tanstack.svg" />
</Columns>

## Backend

<Columns cols={3}>
  <Card title="Convex" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/convex.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=bcfe9db34d24d24d2691a2479a8aa201" href="/integracoes/convex" width="24" height="24" data-path="icons/convex.svg" />

  <Card title="Elysia" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/elysia.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=4189eeef0cd3db959789f783766db61f" href="/integracoes/elysia" width="512" height="512" data-path="icons/elysia.svg" />

  <Card title="Express" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/express.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=21a90ca5de33d37458eac5a4aa5882d9" href="/integracoes/express" width="24" height="24" data-path="icons/express.svg" />

  <Card title="Fastify" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/fastify.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=41deac794a43fb050846265e33d0089b" href="/integracoes/fastify" width="24" height="24" data-path="icons/fastify.svg" />

  <Card title="Hono" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/hono.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=cb071987b6518d73d2f1c0368b722b6c" href="/integracoes/hono" width="24" height="24" data-path="icons/hono.svg" />
</Columns>

## Frontend

<Columns cols={3}>
  <Card title="Angular" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/angular.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=073e8652111b0d3021ead39b50bdc0e7" href="/integracoes/angular" width="24" height="24" data-path="icons/angular.svg" />

  <Card title="Astro" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/astro.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=342cdf39ce883c8d68d86e2dbad41797" href="/integracoes/astro" width="24" height="24" data-path="icons/astro.svg" />

  <Card title="React" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/react.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=d5d8742ef66051fed505baf40a2e4306" href="/integracoes/react" width="24" height="24" data-path="icons/react.svg" />

  <Card title="Svelte" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/svelte.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=c9f9b5bac915ce6604c1406296f880dc" href="/integracoes/svelte" width="24" height="24" data-path="icons/svelte.svg" />

  <Card title="Vue.js" icon="https://mintcdn.com/pagamentos/l5H10nxrGE4c2Kvk/icons/vue.svg?fit=max&auto=format&n=l5H10nxrGE4c2Kvk&q=85&s=850d3c0febf228880348652670e3cfe6" href="/integracoes/vuejs" width="24" height="24" data-path="icons/vue.svg" />
</Columns>