Add the dependency to your build.sbt

resolvers += "Apollo Bintray" at "https://dl.bintray.com/apollographql/maven/"
libraryDependencies += "com.apollographql" %%% "apollo-scalajs-core" % "0.7.0"
libraryDependencies += "com.apollographql" %%% "apollo-scalajs-react" % "0.7.0"

If you are using the React API, you may want to add other Slinky modules such as the web and hot-reloading module, so check out the instructions at https://slinky.shadaj.me/docs/installation/.

NPM Dependencies

If you are using Scala.js Bundler, you will need to add the Apollo Client dependencies to your build.sbt.

npmDependencies in Compile += "apollo-boost" -> "0.1.16"
npmDependencies in Compile += "react-apollo" -> "2.2.2"
npmDependencies in Compile += "graphql-tag" -> "2.9.2"
npmDependencies in Compile += "graphql" -> "14.0.2"

Apollo CLI

To set up the code generator, which generates static types based on your GraphQL queries, first install the Apollo CLI.

npm install -g apollo

Then, you can configure SBT to automatically run it and add the resulting Scala sources to your build.

val namespace = "com.my.package.graphql"

(sourceGenerators in Compile) += Def.task {
  import scala.sys.process._

  val out = (sourceManaged in Compile).value


    "apollo", "client:codegen",
    "--config", "apollo.config.js",
    "--target", "scala",
    "--namespace", namespace, graphQLScala.getAbsolutePath

  Seq(out / "graphql.scala")

watchSources ++= ((sourceDirectory in Compile).value / "graphql" ** "*.graphql").get

With the accompanying apollo.config.js:

module.exports = {
  client: {
    service: {
      name: "test-schema",
      localSchemaFile: "schema.json"
    includes: [ "src/main/graphql/*.graphql" ]
Edit on GitHub