Sobre

O projeto Spacetrevaling é um blog que foi criado como desafio do curso Ignite da Rocketseat com o intuito de colocar em prática o conteúdo estudado durante o curso.

Tecnologias utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias

• TypeScript
• React
• Next.js
• date-fns
• Pismic

Como baixar o projeto e rodar em ambiente de desenvolvimento

Para rodas o projeto você precisa antes ter instalado:

• Git
• Node.js
• Yarn

#No terminal rode o seguinte comando
$ git clone https://github.com/JFMacedo/ignite-challenge-05.git

#Entre na pasta do projeto
$ cd ignite-challenge-05 

#Instale as pedendências
$ yarn

Para rodar o projeto também será necessário uma conta no no prismic e confugura-lo de acordo com a aplicação:

{
  "Main" : {
    "uid" : {
      "type" : "UID",
      "config" : {
        "label" : "slug",
        "placeholder" : "Post UID..."
      }
    },
    "title" : {
      "type" : "Text",
      "config" : {
        "label" : "title",
        "placeholder" : "Título do post..."
      }
    },
    "subtitle" : {
      "type" : "Text",
      "config" : {
        "label" : "subtitle",
        "placeholder" : "Subtítulo do post..."
      }
    },
    "author" : {
      "type" : "Text",
      "config" : {
        "label" : "author",
        "placeholder" : "Nome do autor"
      }
    },
    "banner" : {
      "type" : "Image",
      "config" : {
        "constraint" : { },
        "thumbnails" : [ ],
        "label" : "banner"
      }
    },
    "content" : {
      "type" : "Group",
      "config" : {
        "fields" : {
          "heading" : {
            "type" : "Text",
            "config" : {
              "label" : "heading",
              "placeholder" : "Título da secão..."
            }
          },
          "body" : {
            "type" : "StructuredText",
            "config" : {
              "multi" : "paragraph, strong, em, hyperlink, image, embed, list-item, o-list-item, rtl",
              "allowTargetBlank" : true,
              "label" : "body",
              "placeholder" : "Texto da seção..."
            }
          }
        },
        "label" : "content"
      }
    }
  }
}

Após configurar o prsimic, adicionar um arquivo .env na raiz do projeto como o .env.exmaple e inserir a chave API.

Agora é só rodar o projeto em ambiente de desenvolvimento:

$ yarn dev

Desenvolvido por: