README.md

ig.news

Chapter III: Fundamentos do Next.js

Estrutura da Aplicação

Criando estrutura Next.js

yarn create next-app ignews

Adicionando TypeScript

yarn add typescript @types/react @types/node -D

Estilização com SASS

yarn add sass

Componente e páginas

Componente: SigInButton

yarn add react-icons

Integração com API

yarn add stripe

---

Chapter III: Back-end no front-end

API Routes no Next.js

Autenticação com Next Auth

yarn add next-auth

yarn add @types/next-auth -D

Usando FaunaDB

Escolhendo um banco de dados

• Fauna

Configurando FaunaDB

• Fauna DEV

yarn add faunadb

Salvando usuário no banco

NextAuth Warnings

npm i node-jose-tools

jose newkey -s 256 -t oct -a HS512

Pagamentos no Stripe

Redirecionando para o Stripe

yarn add axios

yarn add @stripe/stripe-js

Ouvindo webhooks

Webhooks do Stripe

stripe-cli

• CMD:

start stripe.exe

stripe -h

stripe login

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

---

Chapter III: Front-end JAMStack

Trabalhando com CMS

Configurando Prismic CMS

prismic

Consumindo API do Prismic

yarn add @prismicio/client

Listando Posts em Tela

yarn add prismic-dom

yarn add @types/prismic-dom