talissonoliveira/spacetraveling

🏆 Desafio 05 da trilha de ReactJS do Ignite da Rocketseat.

Sobre o desafio   |    Deploy   |    Tecnologias   |    Testes

📖 Sobre o desafio

Desafio 05 da trilha de ReactJS do Ignite proposto pela Rocketseat para treinar os conhecimentos adquiridos no Chapter III. No desafio, foi desenvolvido um blog do zero utilizando o framework Next.js, com os conceitos de Static Site Generation (SSG), e o Prismic CMS para adicionar novos posts e fazer o gerenciamento do conteúdo das postagens.

Features implementadas no desafio:

• Cálculo de tempo estimado de leitura do post;
• 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;
• Entre outros.

Features complementares:

• Comentários com Utteranc;
• Navegação entre post anterior e próximo;
• Informação de edição do post.

☁️ Deploy

O projeto está hospedado na Vercel

https://spacetraveling-challenge.vercel.app/

🚀 Tecnologias

Neste desafio pratiquei as seguintes tecnologias:

• ReactJS
• Next.js
• Prismic CMS
• TypeScript
• react-icons
• date-fns
• Sass
• utterances

🧪 Testes

Header

• should be able to render logo

Home

• should be able to return prismic posts documents using getStaticProps
• should be able to render posts documents info
• should be able to navigate to post page after a click
• should be able to load more posts if available
• should not be able to load more posts if not available

Post

• should be able to return prismic posts documents paths using getStaticPaths
• should be able to return prismic post document using getStaticProps
• should be able to render post document info
• should be able to render loading message if fallback

---

Feito com ❤️ por Talisson Oliveira

spacetraveling's Issues

post/como-renomear-varios-arquivos-de-uma-vez-usando-o-terminal

Como renomear vários arquivos de uma vez usando o terminal | SpaceTraveling

http://localhost:3000/post/como-renomear-varios-arquivos-de-uma-vez-usando-o-terminal

post/mapas-com-react-usando-leaflet

Mapas com React usando Leaflet | SpaceTraveling

http://localhost:3000/post/mapas-com-react-usando-leaflet