Svelte - pagamentos.dev

O que é Svelte?

Svelte é um framework JavaScript que compila componentes em código imperativo altamente otimizado, eliminando o virtual DOM e resultando em aplicações extremamente performáticas. Visite o site oficial do Svelte para saber mais.

Svelte é um framework de frontend. Isso significa que ele é executado no navegador do usuário e você pode usá-lo para criar interfaces de pagamento.Para lidar com a lógica de pagamento, como criar cobranças, processar pagamentos e lidar com webhooks, você ainda precisará de um backend. Confira o guia de integração com Backend para saber como configurar.

Instalação

Para começar o desenvolvimento, instale a biblioteca com seu gerenciador de pacotes favorito:

npm i pagamentos

yarn add pagamentos

pnpm add pagamentos

bun i pagamentos

Seu primeiro componente

Vamos usar o componente Checkout para criar um checkout de pagamento simples:

Checkout.svelte

<script lang="ts">
  import { Checkout, CheckoutValues } from 'pagamentos/svelte'

  const metodos = ['pix', 'boleto', 'cartaoCredito']

  async function onSubmit(data: CheckoutValues) {
    console.log('Dados do pagamento:', data)
  }
</script>

<Checkout 
  {metodos}
  onSubmit={onSubmit}
/>

React TanStack Start

​O que é Svelte?

​Instalação

​Seu primeiro componente

O que é Svelte?

Instalação

Seu primeiro componente