Giter VIP home page Giter VIP logo

graphql-api's Introduction

Codeship Status for ReactFinland/graphql-api

GraphQL API for React Finland 2018

Simple GraphQL API for the conference.

To see the query API:

  1. NODE_ENV="development" npm start
  2. http://localhost:3000/graphql-2018 or http://localhost:3000/calendar-2018.ics (calendar)

Example query:

{
  pages {
    id
    title
    description
  }
  partners {
    name
  }
  organizers {
    name
    location {
      country {
        name
        code
      }
    }
  }
  speakers {
    name
    keywords
    presentations {
      day
      title
      description
    }
  }
  schedules {
    day
    intervals {
      begin
      end
      sessions {
        description
      }
    }
  }
  tickets {
    name
    link
  }
  page(id: "about") {
    intro
  }
  allSeries {
    name
    conferences {
      name
    }
  }
}

Image Processing

The images are pushed to Cloudinary and it's used as our image CDN. Remember to set .env for local development if you want to use images:

.env

CLOUDINARY_CLOUD_NAME=react-finland
CLOUDINARY_API_KEY=<get from Cloudinary account>
CLOUDINARY_API_SECRET=<get from Cloudinary account>

Also remember to set the same on the host of the API.

You can access images through http://localhost:3000/graphql-2018/images. Example: http://localhost:3000/graphql-2018/images/ken.jpg.

Webhooks

Heroku to Netlify

The API has been connected to the site using a webhook so that it builds whenever the API changes:

  • heroku config:set REBUILD_SITES=<Netlify urls separate by comma go here> -a react-finland-api

Remember to run the server in production mode. That will enable site rebuilding hook!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.