My Trips ✈️

Projeto feito utilizando NextJs, Typescript, Graphql, Leaflet, React-Leaflet e GraphCMS, tem como objetivo listar em um mapa locais, mostrando foto e vídeos sobre o mesmo. Com ele consegui praticar bastante sobre Graphql, as principais Features do NextJs, Deploy na Vercel, testes. Vale a pena conferir.

Variáveis de Ambiente

Para rodar esse projeto, você vai precisar adicionar as seguintes variáveis de ambiente no seu .env

GRAPHQL_HOST

GRAPHQL_TOKEN

você também precisará criar uma conta no GraphQL CMS para configurar o Schema.

você precisará criar dois models com as seguintes configurações:

Place

name: Single Line text - unique

slug: #slug - unique - required

description: Rich Text

Location: Location - unique

gallery: Gallery

Page

heading - Single Line Text, Required

slug - #slug - unique - required

body - Rich Text - Required

Rodando localmente 🔥

Clone o projeto

  git clone git@github.com:CleytonRR/my-trips.git

Entre no diretório do projeto

  cd my-tips

Instale as dependências

  yarn install

Inicie o servidor

  yarn dev

Screenshots

Stack utilizada

Front-end: ReactJS, NextJS, Style-Components, Nextjs-progressbar

Back-end: Graphql, GraphCMS