spacetraveling

Imagem inicial da aplicação

Imagem dos posts da aplicação

Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • React
  • Next.js
  • TypeScript
  • Axios
  • Prismic

Como executar

Clone o projeto e acesse a pasta do mesmo.

$ git clone https://github.com/gugavillar/spacetraveling
$ cd spacetraveling

Para iniciá-lo, siga os passos abaixo:

# Instalar as dependências
$ yarn

# Iniciar o projeto
$ yarn dev

O app estará disponível no seu browser pelo endereço http://localhost:3000.

💻 Projeto

O spacetraveling é um projeto de um blog.

Funcionalidades do projeto:

  • Consumir dados do prismic
  • Gerar páginas estáticas com o uso da getStaticProps
  • Carregar mais intens com o uso de um botão

Esse projeto tem como objetivo consolidar conhecimentos sobre:

  • Estilizações global, comun e individuais;
  • Importação de fontes Google;
  • Paginação de posts;
  • Geração de páginas estáticas com os métodos getStaticProps e getStaticPaths;
  • Formatação de datas com date-fns;
  • Uso de ícones com react-icons;
  • Requisições HTTP com fetch;

Esse foi um projeto realizado dentro do Ignite da Rocketseat.