Esse projeto foi desenvolvido com as seguintes tecnologias:
- React
- Next.js
- TypeScript
- Axios
- Prismic
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.
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
egetStaticPaths
; - 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.