brunofilho1 / ignite-ignews-next-app

Ignews é um portal de notícias pago, em que você precisa se autenticar com o GitHub e se inscrever caso queira ler as postagens completas. Usando as APIs de processamento de pagamentos do Stripe, o Prismic CMS para escrever seus posts e o FaunaDB como banco de dados. E com testes unitários usando Jest e Testing Library.

💻 Sobre o projeto

Ignews é um portal de notícias pago, em que você precisa se autenticar com o GitHub e se inscrever caso queira ler as postagens completas. Usando as APIs de processamento de pagamentos do Stripe, o CMS Prismic para escrever seus posts e o FaunaDB como banco de dados.

🧪 Tecnologias usadas

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• Next.js
• TypeScript
• SCSS
• Styled Components
• Stripe
• FaunaDB
• Prismic

🔗 Clone a aplicação

Clone o projeto e acesse a pasta do mesmo.

$ git clone https://github.com/brunofilho1/ignite-ignews-next-app
$ cd ignite-ignews-next-app

🚀 Como iniciar a aplicação

Para iniciá-lo, siga os passos abaixo:

# Instalando dependências:
$ yarn

# Rodando em modo de desenvolvimento:
$ yarn dev

Ouvindo os eventos do stripe em desenvolvimento:

# Em outro terminal no mesmo diretório, faça login:
$ ./stripe.exe login

# Depois rode esse comando para funcionar os webhooks:
$ ./stripe listen --forward-to localhost:3000/api/webhooks

---

Cartões fakes para teste do stripe

Qualquer endereço inserido no formulário será validado no pagamento, não necessita que seja dados reais!

Pagamento bem-sucedido:

• 4242424242424242

Falha no pagamento

• 4000000000009995

Precisa de autenticação

• 4000002500003155

---

O app estará disponível no seu browser pelo endereço http://localhost:3000 assim que iniciado.

🌐 Live preview

Sem Live Preview

---