SpaceTraveling - Next.js
Aplicação em formato de blog utilizando Prismic CMS
📖 Sobre o projeto
O projeto tem como objetivo o estudo e desenvolvimento de uma aplicação em ReactJS com NextJS para listagem de posts de um blog. A aplicação foi desenvolvida utilizando o framework NextJS aplicando os conceitos de Static Site Generation (SSG) e utilizando Prismic CMS para adição e gerenciamento do conteúdo dos posts. O projeto foi desenvolvido como desafio das aulas do modulo 03 do Ignite da Rocketseat, porém ainda utilizo como blog para postar alguns artigos/tutoriais.
No final de cada post tem um espaço para comentários, que foi feito utilizando a biblioteca utterances
Link do Projeto
Link do desafio
Link do desafio complementar
💻 O que tem no projeto?
- Front-end bem clean, desenvolvido seguindo o proposto no Figma.
- Integração com o Prismic CMS, para trabalhar com toda a parte do sistema do blog.
- Integração com o sistema de Preview do Prismic, onde é possível ver um post não publicado dentro do blog, antes mesmo dele ir ao ar.
- Uso do sistema estático do Next.js, onde os posts são mantidos no cache para um melhor carregamento.
🏃🏾 Testes
Para estar completo, o projeto deve passar pelos seguintes testes quando é entregue na plataforma da rocketseat:
- Header should be able to render logo
- Header should be able to navigate to home page after a click
- Post should be able to return prismic posts documents paths using getStaticPaths
- Post should be able to return prismic post document using getStaticProps
- Post should be able to render post document info
- Post should be able to render loading message if fallback
- Home should be able to return prismic posts documents using getStaticProps
- Home should be able to render posts documents info
- Home should be able to navigate to post page after a click
- Home should be able to load more posts if available
- Home should not be able to load more posts if not available
Resultado do Projeto:
🛠️ Tecnologias.
📝 Licença.
Este projeto está licenciado sob a Licença MIT. Veja o arquivo de LICENÇA para detalhes.