Stacks:

Tools:

---

Sobre a aplicação   |    Interfaces   |    Stacks   |    Rodando Aplicação   |    Por quê?   |   

Sobre a aplicação

Esta é uma aplicação com a ideia de um blog que traz novidades, notícias do mundo da tecnologia. Para ter acesso, basta fazer a assinatura por meio do login feito pelo o GitHub. Foi desenvolvida utilizando tecnologias como Stripe para gerenciamento de pagamento, FaunaDB como banco de dados na nuvem para salvar as informações a respeito do cliente, Prismic CMS como tecnologia de entrada de dados ( por ele é possível fazer posts, por exemplo, por uma plataforma já pronta e que é enviado para o blog) e o principal, NextJS, onde todas essas outras tecnologias estão ligadas.

Interfaces

DESKTOP

Tela Home

Tela Posts

Tela Post Selected

Login GitHub

Tela Home Logada

Tela Subscribed

Stacks

Lógica

• TypeScript (TypeScript é uma linguagem de programação fortemente tipada que se baseia em JavaScript, oferecendo melhores ferramentas em qualquer escala.)
  • Map (Método utilizada para iterar arrays. Há retorno de outra array com transformação de valores, conteúdo determinado)
  • Async/await (Método utilizado para transformar funções em assíncronas. Usado para chamadas de APIs.)

Estilização

• Sass (Pré-processadores)
• Global Style
  • Variáves (Variáveis aplicados no CSS, como de cores por exemplo)
  • Reset CSS (Resete de config. de medidas da página)
• Flexbox (Posicionamento de elementos)

Framework / Lib

• Estrutura (Estruturação de pastas e arquivos)
• Estilização(Aplicação de CSS)
• Variáveis Ambientes (Uso de variáveis ambiente)
• Rotas (Aplicação de rotas para API)
• API Routes
  • Parametrização nas rotas (Framework para React)
• Componente (Uso de componentes)
• Estado (Uso de hooks para controle de estado e ciclo de vida da aplicação)

Gerenciador / Pacotes

• Stripe (API que permite processamento de pagamentos)
• FaunaDB (Banco de dados relacional na Nuvem)
• Prismic CMS (Gerenciador de Sistema de Gestão de Conteúdos)

Versionameto

IDE

Rodando a Aplicação

1. Clonar repositório:

git clone https://github.com/DIGOARTHUR/Ig.News.git

2. Instalar dependências

yarn install

3. Rodar aplicativo

yarn dev

4. Acesse http://localhost:3000/ e navegue pelo site

⚠️ 5. Trocar URL do repositorio remoto (caso necessário)

5.1 Ver qual o repositorio atual

git remote -v

5.2 Mudar a URL do repositorio remoto

git remote set-url origin <LinkDoNovoRepositorio>

5.3 Verifique se a mudança foi realizada

git remote -v

O ignite da @Rocketseat vem me impressionando cada vez mais e este foi o Capítulo III da trilha de ReactJS. A cada desafio venho aprofundando e aprendendo coisas novas, obtendo noção da existência de diversas ferramentas incríveis.

---

Só tenho agradecer ♥