An open API service indexing awesome lists of open source software.

https://github.com/hugovarellaa/blog-spacetraveling

Desafio do Ignite da Rocketseat! A ideia era desenvolver do 0 uma aplicação, desde o front-end até a conexão com o Prismic CMS para a publicação dos posts.
https://github.com/hugovarellaa/blog-spacetraveling

css3 date-fns eslint fetch-api html5 javascript jest-tests nextjs prettier prismic-cms reactjs sass typescript

Last synced: 25 days ago
JSON representation

Desafio do Ignite da Rocketseat! A ideia era desenvolver do 0 uma aplicação, desde o front-end até a conexão com o Prismic CMS para a publicação dos posts.

Awesome Lists containing this project

README

        

# Blog - Space Traveling

![mock1](https://user-images.githubusercontent.com/71772559/113493479-eceeda80-94b5-11eb-94ea-59e50e56a31f.png)

## 📚 Informações sobre o projeto

* Esse blog foi um projeto desenvolvido durante um desafio do Ignite da Rocketseat! A ideia era desenvolver do 0 uma aplicação, desde o front-end até a conexão com o Prismic CMS para a publicação dos posts.

 

## 💻 O que tem no projeto?

* Front-end bem clean, desenvolvido seguindo o proposto no [Figma](https://www.figma.com/file/0Y26j0tf1K2WB5c1ja5hov/Desafios-M%C3%B3dulo-3-ReactJS?node-id=0%3A1).
* 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.
* Sistema de comentários usando o Utteranc.

 

![mock2](https://user-images.githubusercontent.com/71772559/113493556-91711c80-94b6-11eb-8580-17c7fd509640.png)

 

## 🛠️ Tecnologias/Ferramentas ultilizadas

* [React](https://pt-br.reactjs.org/E)
* [Next.js](https://nextjs.org/)
* [Prismic CMS](https://prismic.io/)

 

 

## ⚙️ Instalação
```
# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/Hugovarellaa/blog-spacetraveling
```

```
# Acesse a pasta da aplicação
$ cd blog-spacetraveling

# Crie um arquivo .env.local e coloque as variaveis
# de ambiente baseado no arquivo .env.example que
# se encontra na pasta moveit

# Instale as dependências
$ yarn

# Inicie a aplicação
$ yarn start

```

---

Feito com 💙 por Hugo Alves Varella