DEVNEWS - Portal de notícias para Devs 👨‍💻

---

Sobre   |   Tecnologias   |   Requerimentos   |   Configurações necessárias     |   Imagens    

🎯 Sobre

O projeto devnews é um blog onde os usuários podem acessar o conteúdo de cada postagem com base em seu status de assinatura.
O blog possui um sistema de compra integrado ao STRIPE e após o usuário efetuar o pagamento, sua assinatura estará ativa e pronta para visualizar o conteúdo completo de todo o blog. Caso o usuário não deseje participar, terá acesso limitado ao conteúdo das postagens. E todos os dados necessários para verificar assinaturas ou dados do usuário são armazenados no banco de dados FaunaDB.

Esta é uma aplicação sem servidor (Serverless), ou seja, todo o processo que dependeria do backend foi integrado ao frontend e de acordo com o padrão JAMStack.
Os postes são feitos com um painel Prismic CMS e integrados diretamente pelo frontend.

🚀 Tecnologias

As seguintes tecnologias foram utilizadas no projeto:

• Next.js | 13.0.3
• NextAuth.js | ^4.17.0
• Prismic CMS | ^2.2.7
• Stripe | ^11.1.0
• FaunaDB | ^4.7.1
• TypeScript | 4.9.3
• SASS | ^1.56.1
• AXIOS | ^1.2.1

✅ Configurações necessárias

Necessário realizar as instalações:

• Ter Git para clonar o projeto.
• Ter NodeJS para rodar o projeto em NextJS
• Ter Yarn para instalar as dependências
• Ter Stripe CLI para testar e gerenciar sua integração com a Stripe

Criar conta e configurar os serviços externos:

• Stripe
• FaunaDB
• Prismic CMS

🏁 Começando

Execute o comando git clone para realizar o clone do repositório

git clone https://github.com/andersonleite1/devnews

Entre na pasta do repositório clonado

cd devnews

Execute yarn para instalar as dependências

yarn

Na raiz do projeto crie uma copia do arquivo .env.local.example

cp .env.local.example .env.local

• Altere o nome da copia para .env.local
  
• Preencha as variáveis ambiente de acordo com as instruções

Execute stripe listen para ouvir eventos do webhook

stripe listen --forward-to localhost:3000/api/webhooks

Para iniciar a aplicação

yarn dev

🧪 Dados de testes do Checkout

• Pagamento bem-sucedido: 4242 4242 4242 4242
• Falha no pagamento: 4000 0000 0000 9995
• Precisa de autenticação: 4000 0025 0000 3155

🖼️ Imagens

Desktop (screenshot):

Home	Lista de Posts

Post Preview	Checkout

Mobile (screenshot):

Home	Lista de Posts	Post Preview	Checkout

Dê uma olhada como o projeto ficou! 👀

https://devnews-nine.vercel.app