Skip to content

Blog para acesso de conteúdo com gerenciamento de assinatura mensal. Projeto realizado no bootcamp Ignite Reactjs 2021 da Rocketseat.

Notifications You must be signed in to change notification settings

marciovz/Ignews-reactjs-ignite2021

Repository files navigation

IGNEWS

Introdução

IGNEWS é um blog de visualização de conteúdo com gerenciamento de inscrições e pagamentos mensais.

O Acesso ao conteúdo é feito através do login por meio de uma conta no Github.

A inscrições e pagamentos são feitas através da plataforma da Stripe, e as informações dos registros do usuário e suas incrições são armazenados no banco de dados Faunadb.

O conteúdo é gerenciado através da plataforma do Prismic.

Este projeto é uma implementação da trilha Ignite ReactJs versão 2021 do curso Ignite da Rocketseat para aplicação dos conhecimentos sobre NextJS.

Ignews home

Acesse o site IGNEWS para visualizar a aplicação na WEB.

1 - Requisitos

2 - Tecnologias

  • ReactJS
  • NestJS
  • Typescript
  • SASS
  • Eslint
  • Axios
  • GitHub
  • Faunadb
  • Stripe
  • Prismic

2 - Instalação

Faça o clone deste repositório em sua máquina local. Abra o terminal na pasta rais do projeto e rode o comando para instalação dos pacotes de dependência.

  # Intalando as dependências do projeto
  yarn install

Crie o arquivo env.local na raiz do projeto e configure as chaves solicitadas

# STRIPE
STRIPE_API_KEY= ---digite aqui sua api key do stripe---
NEXT_PUBLIC_STRIPE_PUBLIC_KEY= ---digite aqui sua public key do stripe---
STRIPE_WEBHOOK_SECRET= ---digite aqui um Secret---
STRIPE_SUCCESS_URL=http://localhost:3000/posts
STRIPE_CANCEL_URL=http://localhost:3000/

# GITHUB
GITHUB_CLIENT_ID= ---digite aqui o seu client Id do github---
GITHUB_CLIENT_SECRET= ---digite aqui o seu secret do github---


# FAUNADB
FAUNADB_KEY= ---digite aqui sua chave de acesso para o faunadb---


# Prismic CMS
PRISMIC_ENDPOINT= ---digite aqui seu endpoit do prismic---
PRISMIC_ACCESS_TOKEN= ---digite aqui seu Token de acesso ao prismic---

3 - Rodando a aplicação

  # Inicializando o servidor do projeto
  $ yarn dev

4 - Visualizando a aplicação

Abra o navegador e digite o endereço que onde está rodando o servidor da aplicação.

  # Digite o endereço da aplicação no seu navegador
  http://localhost:3000/
Ignews home Ignews Post List
Ignews post preview Ignews home

About

Blog para acesso de conteúdo com gerenciamento de assinatura mensal. Projeto realizado no bootcamp Ignite Reactjs 2021 da Rocketseat.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published