README.md

Desafio 01 - Criando um projeto do zero

Confira o resultado do desafio em: spacetraveling-rocketseat-vitor.vercel.app

💻 Sobre o desafio

---

Nesse desafio, você deverá criar uma aplicação para treinar o que aprendeu até agora no ReactJS

Essa será uma aplicação onde o seu principal objetivo é criar um blog do zero. Você vai receber uma aplicação praticamente em branco que deve consumir os dados do Prismic e ter a interface implementada conforme o layout do Figma. Você terá acesso a diversos arquivos para implementar:

• Estilizações global, comun e individuais;
• Importação de fontes Google;
• Paginação de posts;
• 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.

A seguir veremos com mais detalhes o que e como precisa ser feito 🚀

Layout da Aplicação

Home

Post

Imagens

Home

Post

🚀 Techs

• ReactJS
• TypeScript
• Next.js
• React Icons
• Prismic
• Sass

Desenvolvimento

---

Pré-requisitos

• Instalar Node.js

• Instalar Yarn

Clone o repositório

$ git@github.com:vitorgaletti/ignite-reactjs-spacetraveling.git

Executar Projeto

# Mudar para directório
$ cd ignite-reactjs-spacetraveling/

• Instalar dependências

$ yarn

# Crie um arquivo .env.local e configure as váriaveis de ambiente
# Stripe
PRISMIC_API_ENDPOINT=
PRISMIC_ACESS_TOKEN=

• Execute

$ yarn dev

$ yarn build

• Executar scripts

Ação	Utilização
Iniciar o servidor	yarn dev
Executar testes	yarn test
Compilar para produção	yarn build

Acesse http://localhost:3000 para ver o resultado.