/Payment-checkout

Um modelo de checkout de pagamento usando NextJS. šŸ’°

Primary LanguageJavaScript

Payment Checkout

Um modelo de checkout de pagamento usando NextJS.

NextJS TailwindCSS ChakraUI Vercel

Overview

šŸš§ Payment Checkout šŸš€ Em construĆ§Ć£o... šŸš§

Sobre

A aplicaĆ§Ć£o de Checkout foi desenvolvida pensando na dificuldade existente de se planejar e desenvolver um checkout de pagamentos do 0. Nesse repositĆ³rio ainda hĆ” algumas anotaƧƵes sobre como proceder em chamadas de API e como desenvolver as algumas funƧƵes.

Fazendo clone

Para iniciar, primeiro deve-se abrir no seu terminal a pasta que deseja clonar a aplicaĆ§Ć£o e colar o seguinte cĆ³digo

# Clone este repositĆ³rio
$ git clone <https://github.com/yuriBaza23/Payment-checkout.git>

ApĆ³s isso poderĆ” seguir para o prĆ³ximo passo.

InstalaĆ§Ć£o

Entre na pasta em que clonou o projeto e utilize o cĆ³digo abaixo para baixar as dependĆŖncias da aplicaĆ§Ć£o

# Baixe as dependĆŖncias utilizando yarn (ou npm)
$ yarn
# Para executar a aplicaĆ§Ć£o
$ yarn dev
# entre no site: localhost:3000/?nec=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiIxMjM0NTY3ODkwIiwicHJvZHVjdE5hbWUiOiJDYW1pc2EgMyBSZWFsIE1hZHJpZCIsInByb2R1Y3RJbWFnZSI6Imh0dHBzOi8vcmVzLmNsb3VkaW5hcnkuY29tL2Fzc2V0bWFuYWdlcnBpbS9pbWFnZS91cGxvYWQvY19maXQsaF8xMDAwLHdfMTAwMC81NGU2MDAzM2ZlN2E0MWNkYmY2NmFiODgwMTIyN2NiZl85MzY2LnBuZyIsInByb2R1Y3RQcmljZSI6MTc5OTksInByb2R1Y3REZXNjcmlwdGlvbiI6IlVtIHBlZGFjaW5obyBkZSBjYXNhLiBPIHRlcmNlaXJvIHVuaWZvcm1lIGRvIFJlYWwgTWFkcmlkIGhvbWVuYWdlaWEgb3MgYmVsb3MgYXp1bGVqb3MgYXp1aXMgZXNwYWxoYWRvcyBwZWxhIGNpZGFkZSBkZSBNYWRyaS4gUmVwcmVzZW50ZSBzZXUgdGltZSBuZXN0YSBjYW1pc2EgZGUgZnV0ZWJvbCBqdXZlbmlsIGFkaWRhcy4gTyBkZXNpZ24gdWx0cmFwYXNzYSBvcyBsaW1pdGVzIGRvIGdyYW1hZG8sIHJlZmxldGluZG8gYSBlbGVnw6JuY2lhLCBzaW7DtG5pbW8gZGUgdW0gZG9zIG1haW9yZXMgY2x1YmVzIGRvIG11bmRvLiIsInByb2R1Y3RJZCI6IjAxMjMifQ.lJ75xGDwklCWUm_6-E54wtjjFohOVQJm9ubKXX5WmYo

VariƔveis de desenvolvimento

Para rodar a aplicaĆ§Ć£o Ć© necessĆ”rio que crie um arquivo chamado .env.local pegando como exemplo o arquivo .env.example presente na raĆ­z desse projeto e colocar as keys correspondentes.

URL de redirecionamento

No arquivo .env coloque o valor de NEXT_PUBLIC_REDIRECT_URL com a URL que o seu usuĆ”rio serĆ” levado apĆ³s a compra ser bem sucedida.

ContribuiĆ§Ć£o

Obrigado por se interessar em melhorar este aplicativo. Incentivo todos a ajudar a melhorar este projeto com novos recursos, correƧƵes de bugs ou melhorias de desempenho. Por favor, dedique um pouco do seu tempo para ler o nosso guia para tornar este processo mais rƔpido e fƔcil

Guidelines

Estou montando a Guideline de contribuiĆ§Ć£o.

Licensa

MIT.