Sobre a aplicação | Interfaces | Stacks | Rodando Aplicação | Por quê? |
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.
Tela Home |
---|
![]() |
Tela Posts |
---|
![]() |
Tela Post Selected |
---|
![]() |
Login GitHub |
---|
![]() |
Tela Home Logada |
---|
![]() |
Tela Subscribed |
---|
![]() |
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.)
Sass
(Pré-processadores)Global Style
Flexbox
(Posicionamento de elementos)
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)
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)
- Clonar repositório:
git clone https://github.com/DIGOARTHUR/Ig.News.git
- Instalar dependências
yarn install
- Rodar aplicativo
yarn dev
- Acesse
http://localhost:3000/
e navegue pelo site
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 ♥