ig.news - ReactJS |

---

ig.news é um projeto cujo objetivo é permitir aos usuários acessarem conteúdos do blog através de uma inscrição.

Projeto   |    Como rodar o projeto   |    Tecnologias   |    Testes   |    Layout   |    Licença

💻 Projeto

Para o desenvolvimento do projeto foi utilizando JAMStack (JavaScript, API e Markup)

O framework selecionado foi NextJS aplicando conceitos como consumo de API externas, API Root, Server Side Rendering (SSR), Static Side Generation (SSG). Foi utilizado o Stripe como Gateway de Pagamento. Para autenticação, foi optado NextAuth com login social pelo Github. O Banco de dados escolhido para armazenar os dados foi o FaunaDB. E por último, mas não menos importante, teve o Prismic CMS para adição, armazenamento e gerenciamento do conteúdos dos posts.

🧭 Como rodar o projeto

🚨 Requisitos

Necessário realizar as instalações:

• Git
• Stripe CLI
• Yarn

Criar conta e configurar os serviços externos:

• FaunaDB
• OAuth Apps Github
• Prismic
• Stripe

Clone este repositório

git clone https://github.com/vitorsemidio-dev/ignite-reactjs-ignews.git

Acesse a pasta

cd ignite-reactjs-ignews.git

🔑 Variáveis Ambiente

Criar arquivo .env.local e preencher os valores das variáveis de ambiente

# FaunaDB
FAUNADB_API_KEY=
FAUNADB_DOMAIN=

# Github
GITHUB_ID=
GITHUB_SECRET=

# Next
NEXTAUTH_SECRET=
NEXTAUTH_URL=

# Prismic CMS
PRISMIC_ACCESS_TOKEN=
PRISMIC_API_URL=

# Stripe
STRIPE_API_KEY=
STRIPE_CANCEL_URL=
STRIPE_SUCCESS_URL=
STRIPE_WEBHOOK_SECRET=

# Stripe Public
NEXT_PUBLIC_STRIPE_PUBLIC_KEY=

Instale as dependências

yarn

Execute a aplicação

yarn dev

Ouvir os webhooks

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

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• FaunaDB
• JAMStack
• Jest
• NextJS
• NextAuth
• Prismic CMS
• Sass
• Stripe

🔖 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.

🧪 Testes

Utilize o comando a seguir para rodar os testes:

yarn test

yarn test:coverage

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.