Working Next.js GraphQL server

Author: lorensr

.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "next/babel"
+  ],
+}

.eslintrc

@@ -0,0 +1,13 @@
+{
+  "env": {
+    "node": true,
+    "mocha": true,
+  },
+  "extends": "airbnb",
+  "parser": "babel-eslint",
+  "rules": {
+    "semi": 0,
+    "no-unused-vars": 0,
+    "arrow-body-style": 0
+  }
+}

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+.next/

data/resolvers.js

@@ -0,0 +1,7 @@
+export default {
+  Query: {
+    foo(root, args, context) {
+      return 'bar'
+    },
+  },
+}

data/schema.js

@@ -0,0 +1,9 @@
+export default [`
+type Query {
+  foo: String
+}
+
+schema {
+  query: Query
+}
+`]

package.json

@@ -0,0 +1,41 @@
+{
+  "name": "graphql-guide",
+  "version": "0.0.1",
+  "description": "https://graphql.guide",
+  "main": "server.js",
+  "scripts": {
+    "dev": "babel-node server.js",
+    "build": "next build",
+    "start": "NODE_ENV=production babel-node server.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://[email protected]/GraphQLGuide/guide.git"
+  },
+  "author": "Loren Sands Ramshaw and Jonas Helfer",
+  "bugs": {
+    "url": "https://github.com/GraphQLGuide/guide/issues"
+  },
+  "homepage": "https://github.com/GraphQLGuide/guide#readme",
+  "license": "UNLICENCED",
+  "private": true,
+  "dependencies": {
+    "body-parser": "^1.15.2",
+    "express": "^4.14.0",
+    "graphql": "^0.8.2",
+    "graphql-server-express": "^0.4.4",
+    "graphql-tools": "^0.9.0",
+    "next": "^2.0.0-beta",
+    "react": "^15.4.2"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.18.0",
+    "babel-eslint": "^7.1.1",
+    "eslint": "^3.13.1",
+    "eslint-config-airbnb": "^14.0.0",
+    "eslint-plugin-import": "^2.2.0",
+    "eslint-plugin-jsx-a11y": "^3.0.2",
+    "eslint-plugin-react": "^6.9.0"
+  }
+}

pages/index.js

@@ -0,0 +1,8 @@
+import Link from 'next/link'
+
+export default () => (
+  <ul>
+    <li><Link href='/b' as='/a'><a>a</a></Link></li>
+    <li><Link href='/a' as='/b'><a>b</a></Link></li>
+  </ul>
+)

server.js

@@ -0,0 +1,40 @@
+import express from 'express'
+import next from 'next'
+
+import { graphqlExpress, graphiqlExpress } from 'graphql-server-express'
+import { makeExecutableSchema } from 'graphql-tools'
+import bodyParser from 'body-parser'
+
+import typeDefs from './data/schema'
+import resolvers from './data/resolvers'
+
+const PORT = process.env.PORT || 3000
+const dev = process.env.NODE_ENV !== 'production'
+const app = next({ dir: '.', dev })
+const handle = app.getRequestHandler()
+const executableSchema = makeExecutableSchema({
+  typeDefs,
+  resolvers,
+})
+
+app.prepare()
+.then(() => {
+  const server = express()
+
+  server.use('/graphql', bodyParser.json(), graphqlExpress({
+    schema: executableSchema,
+  }))
+
+  server.use('/graphiql', graphiqlExpress({
+    endpointURL: '/graphql',
+  }))
+
+  server.get('*', (req, res) => {
+    return handle(req, res)
+  })
+
+  server.listen(PORT, (err) => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${PORT}`) // eslint-disable-line
+  })
+})