Added examples

examples/with-apollo/index.js

@@ -0,0 +1,52 @@
+const polka = require('polka')
+const bodyParser = require('body-parser')
+const { graphqlExpress, graphiqlExpress } = require('apollo-server-express')
+const { makeExecutableSchema } = require('graphql-tools')
+
+const { PORT = 3000 } = process.env
+const app = polka()
+
+const tasks = [
+  { id: 1, name: 'Go to Market', complete: false },
+  { id: 2, name: 'Walk the dog', complete: true },
+  { id: 3, name: 'Take a nap', complete: false }
+]
+
+const typeDefs = `
+  type Task {
+    id: Int!
+    name: String!
+    complete: Boolean!
+  }
+
+  type Query {
+    tasks: [Task]
+    task(id: Int!): Task
+  }
+`
+
+const resolvers = {
+  Query: {
+    tasks: () => tasks,
+    task: (_, args) => tasks.find(o => o.id === args.id)
+  }
+}
+
+const schema = module.exports = makeExecutableSchema({
+  typeDefs,
+  resolvers
+})
+
+app.use(bodyParser.json())
+
+app.post('/graphql', graphqlExpress(req => ({
+  schema
+})))
+
+app.get('/graphiql', graphiqlExpress({
+  endpointURL: '/graphql'
+}))
+
+app.listen(PORT).then(_ => {
+  console.log(`> Ready on localhost:${PORT}`)
+})

examples/with-apollo/package.json

@@ -0,0 +1,12 @@
+{
+  "scripts": {
+    "start": "node index"
+  },
+  "dependencies": {
+    "apollo-server-express": "^1.3.6",
+    "body-parser": "^1.18.3",
+    "graphql": "^0.13.2",
+    "graphql-tools": "^3.0.2",
+    "polka": "^0.3.4"
+  }
+}

examples/with-apollo/readme.md

@@ -0,0 +1,37 @@
+# Example: Apollo Graphql
+
+Tiny example with [Apollo Graphql](https://www.apollographql.com/)
+
+It uses the [`Apollo Server`](https://github.com/apollographql/apollo-server) a community-maintained open-source GraphQL server.
+
+## Setup
+```sh
+$ npm install
+$ npm start
+```
+
+## Usage
+You can use it with any apollo client or with the [Graphiql](https://github.com/graphql/graphiql) in [localhost](http://localhost:3000/graphiql)
+
+## Available queries
+```
+{
+  tasks {
+    id
+    name
+    complete
+  }
+}
+```
+
+```
+{
+  task (id: Int!) {
+    id
+    name
+    complete
+  }
+}
+```
+
+![Screenshot](screenshot.png)

examples/with-nextjs/.gitignore

@@ -0,0 +1,3 @@
+.next
+node_modules
+package-lock.json

examples/with-nextjs/index.js

@@ -0,0 +1,17 @@
+const polka = require('polka')
+const next = require('next')
+
+const port = parseInt(process.env.PORT, 10) || 3000
+const dev = process.env.NODE_ENV !== 'production'
+const app = next({ dev })
+const handle = app.getRequestHandler()
+
+app.prepare().then(() => {
+  const server = polka()
+
+  server.get('*', (req, res) => handle(req, res))
+
+  server
+    .listen(port)
+    .then(() => console.log(`> Ready on http://localhost:${port}`))
+})

examples/with-nextjs/package.json

@@ -0,0 +1,13 @@
+{
+  "scripts": {
+    "dev": "node index.js",
+    "build": "next build",
+    "start": "NODE_ENV=production node index.js"
+  },
+  "dependencies": {
+    "next": "latest",
+    "polka": "0.2.3",
+    "react": "16.2.0",
+    "react-dom": "16.2.0"
+  }
+}

examples/with-nextjs/pages/about.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import Link from 'next/link'
+
+export default () => (
+  <div>
+    <h1>Home Page</h1>
+    <Link href='/'>
+      Link to Home
+    </Link>
+  </div>
+)

examples/with-nextjs/pages/index.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import Link from 'next/link'
+
+export default () => (
+  <div>
+    <h1>Home Page</h1>
+    <Link href='/about'>
+      Link to About Page
+    </Link>
+  </div>
+)

examples/with-nextjs/readme.md

@@ -0,0 +1,17 @@
+# Example: Next.js
+
+It uses [`Next.js`](https://github.com/zeit/next.js) a Framework for server-rendered or statically-exported React apps.
+
+## Setup
+```sh
+$ npm install
+$ npm start
+```
+or
+```sh
+$ npm install
+$ npm run dev
+```
+
+## Usage
+Go to localhost:3000 after starting the server and get the welcome message