Projeto  |  Layout  |  Tecnologias  |  Executando  |  Referências  |  Autor

🚧 Ig.news 🚀 Em construção... 🚧

---

💻 Projeto

Ignews é um blog de tecnologia voltado a programação, com serviço pago mensal, com intenção de manter as pessoas antenadas nas atualidades e recursos que temos atualmente para deselvolvimento de softwares mais eficientes.

Features:

• Login com Github mais cadastro do usuário no banco.
• Acesso aos artigos completos para membros assinantes.
• Acesso a uma prévia dos artigos aos membros não assinantes.
• Ativação de assinatura com plano mensal (integração com FaunaDB e Stripe).
• Desativação de assinatura com plano mensal
• Tela de Perfil.

---

🔖 Layout

Você pode visualizar o layout do projeto no formato através desse link. Lembrando que você irá precisar ter uma conta no Figma.

Web

---

💻 Tecnologias

Website (React)

• Typescript
• Next.js
• Next Auth
• GitHub OAuth
• FaunaDB
• Stripe
• Prismic CMS
• Axios
• Jest

* Veja o arquivo package.json

Utilitários

• Editor: Visual Studio Code
• Markdown: StackEdit, Markdown Emoji

---

🚀 Como executar o projeto

Configurações Iniciais

Primeiro, você precisa ter o NodeJS instalado na sua máquina.

Se você estiver utilizando o Linux, você pode optar por instalar o Node através do gerênciador de versões asdf para facilitar o processo de mudança da versão do Node, quando for necessário.

Você pode optar também por utilizar o yarn no lugar do npm. Você pode instalar clicando nesse link, ou através do asdf.

Após ter o Node instalado, instale as dependências do React de forma global, utilizando os comandos:

Instale as dependências contidas nos arquivos package.json que se encontram na raíz do repositório. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:

# Instalando Dependencias:

$ npm install

# OU

$ yarn

Veja a parte de scripts {} do arquivo package.json para saber quais scripts estão disponíveis.

Executando o WebSite

# Executando o website no modo de desenvolvimento:
$ npm run dev

#    OU

# Executando o website no modo de desenvolvimento:
$ yarn dev

Se o browser não abrir automaticamente, acesse: http://localhost:3000.

Executando os Testes

# Executando os testes com npm:
$ npm run test

# Executando os testes com yarn:
$ yarn test

Configuraçoes de Ambiente

Você deve procurar 3 chaves na sua conta do Stripe para as variaveis de ambiente, 2 chaves do github oauth, 1 chave na sua conta do FaunaDB e 2 chaves na sua conta do PrismicCMS.

Veja o exemplo de arquivo de configurações de ambiente .env.local.example.txt para se orientar melhor sobre quais chaves devem ser configuradas para o ambiente.

---

📚 Referências

• Blog Rocketseat
• Rocketseat
• ReactJS | ReactJS pt-BR
• Next.js
• Node.js

👨‍🚀 Autor

_{Jairo Doni Prudente Junior}

👋 Entre em contato!

📝 Licença

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