📜 Spacetraveling é blog que foi desenvolvido como desafio no Ignite da trilha de ReactJs da Rocketseat.

Last update: Dec 14, 2021

SpaceTraveling - Next.js

Aplicação em formato de blog utilizando Prismic CMS

113493479-eceeda80-94b5-11eb-94ea-59e50e56a31f

📖 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

Link do desafio

Link do desafio complementar


Gravacao_de_tela_de_05-11-2021_15.24.39.mp4

💻 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 está 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:

image

🛠️ Tecnologias.

 

📝 Licença.

Este projeto está licenciado sob a Licença MIT. Veja o arquivo de LICENÇA para detalhes.


GitHub

https://github.com/Ceviche9/spacetraveling
You might also like...

Perguntei é uma plataforma para de criação de salas online onde qualquer pessoa autenticada com o Google pode enviar perguntas que são atualizadas na tela em tempo real.

Perguntei é uma plataforma para de criação de salas online onde qualquer pessoa autenticada com o Google pode enviar perguntas que são atualizadas na tela em tempo real.

💻 Sobre o projeto Perguntei é uma plataforma para você criar salas de Q&A com o seu próprio público, de uma forma muito organizada, só tendo acesso a

Oct 31, 2021

Uma API simples que retorna dados de fones de ouvido sem fio, feita para eu consumir em outra aplicação com Raect.

Uma API simples que retorna dados de fones de ouvido sem fio, feita para eu consumir em outra aplicação com Raect.

API Wireless Earphones Sobre Esse projeto é uma API simples que retorna dados de fones de ouvido sem fio. Feita no intuíto de consumir em outra aplica

Mar 25, 2022

Projeto do jogo Resident Evil 2 Remake feito por fã que gosta muito da franquia.

Projeto do jogo Resident Evil 2 Remake feito por fã que gosta muito da franquia.

Projeto Resident Evil 2 Desenvolvido por Fã com muito carinho e amor. Foi desenvolvido em React junto a algumas dependências que serão citadas abaixo.

May 17, 2022

Projeto para NLW - Rocketseat - feito em React - Instrutor dieegosf

Projeto para NLW - Rocketseat - feito em React - Instrutor dieegosf

LetMeAsk é um projeto para a trilha de React da #NLW 6 - Rocketseat https://letmeask-bf77e.web.app/ #neverstoplearning 🧪 Technologies This project wa

Jun 28, 2021

ApidoGitHUB-rocketseat - Makes requests to the GitHub repository API and feeds repository list on the page

ApidoGitHUB-rocketseat - Makes requests to the GitHub repository API and feeds repository list on the page

Aula 05 - Primeiro projeto com React Neste projeto foi desenvolvido uma página q

Jan 1, 2022

Projeto desenvolvido durante a imersão React oferecido pela Alura

Projeto desenvolvido durante a imersão React oferecido pela Alura

Alurakut 👇 Sobre o projeto Projeto com a ideia de representar o nostálgico Orkut. Realizado durante a Imersão React oferecido pela Alura. 💻 Tecnolog

Mar 25, 2022

Projeto desenvolvido na imersão React organizada pela Alura

Projeto desenvolvido na imersão React organizada pela Alura

Projeto Alurakut Imersão React Alura - 2021 Projeto desenvolvido na semana de imersão React oferecida pela escola Alura entre os dias 12 e 18/07/21 ut

Jan 21, 2022

Code examples for the blog post titled The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom

Code examples for the blog post titled The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom

The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom Code examples to go with the blog post available here Prereq

Jul 30, 2022

An SVG loader component for ReactJS

react-inlinesvg Load inline, local or remote SVGs in your React components. Highlights 🏖 Easy to use: Just set the src 🛠 Flexible: Personalize the o

Jul 28, 2022
Comments
Desafio react para adicionar tarefa, remover, marcar e desmarcar como concluída

?? Sobre o desafio Adicionar uma nova tarefa Remover uma tarefa Marcar e desmarcar uma tarefa como concluída Arquivo com Lógica app * TaskList.tsx Re

Nov 16, 2021
Projeto realizado na trilha React da NLW 06 da Rocketseat.

??‍?? Projeto realizado na trilha React da NLW 06 ?? Tecnologias ?? Projeto Letmeask é perfeito para criadores de conteúdos poderem criar salas de Q&A

Nov 30, 2021
(Optional) First challenge on ignite ReactJS powered by Rocketseat
(Optional) First challenge on ignite ReactJS powered by Rocketseat

Segundo desafio da trilha de React do Ignite da Rocketseat. O projeto consiste em listar filmes de uma API fake, utilizando o JSON Server. ?? Conteúdo

Feb 7, 2022
Projeto da 6 NLW de React da @Rocketseat, desenvolvido utilizando Firebase, Styled-Components e Typescript.
Projeto da 6 NLW de React da @Rocketseat, desenvolvido utilizando Firebase, Styled-Components e Typescript.

Letmeask ?? Crie salas de Q&A ao-vivo. Tire as suas dúvidas da sua audiência em tempo-real ?? Tecnologias usadas ReactJS + Typescript Styled-component

Jul 19, 2022
Front-end da aplicação JavaScript Notes. Um gerenciador de notas, um organizador de ideias, textos ou até lembretes para desenvolvimento pessoal. Inspirado em aplicações como Evernote ou Microsoft OneNote.
Front-end da aplicação JavaScript Notes. Um gerenciador de notas, um organizador de ideias, textos ou até lembretes para desenvolvimento pessoal. Inspirado em aplicações como Evernote ou Microsoft OneNote.

?? Sobre o projeto YourNotes é um gerenciador de notas, um organizador de ideias, textos ou até lembretes para desenvolvimento pessoal. Inspirado em a

Dec 3, 2021
Desafio de React usando API de clima y bibliotecas Redux + Redux-Saga

React Challenge - Aplicacion de Clima Desarrollo de una aplicación de consulta de clima que pueda visualizar el pronóstico actual, próximos 5 días par

Oct 29, 2021
Projeto desenvolvido na missão ReactJS no NLW #06

?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React Firebase TypeScript ?? Como executar Clone o projeto e acesse a pasta

Jul 26, 2022
Projeto desenvolvido na missão ReactJS no NLW #06

?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React Firebase TypeScript ?? Como executar Clone o projeto e acesse a pasta

Aug 23, 2021
Repositório do curso de React que está no canal do YouTube do Hora de Codar.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Jul 30, 2022