vue-amsterdam-2018 icon indicating copy to clipboard operation
vue-amsterdam-2018 copied to clipboard

:rocket: Demo sources of my talk at Vue Amsterdam 2018

vue-amsterdam-2018

Demo sources of my talk at Vue Amsterdam 2018

Slides of the talk: Vue, Apollo and GraphQL: the Ultimate Stack

Step 1

:star: Create a new vue-cli 3 project and invoke the apollo plugin:

yarn global add @vue/cli
vue create my-app
cd my-app
yarn add -D vue-cli-plugin-apollo
vue invoke apollo
# ? Add a GraphQL API Server? Yes
yarn run graphql-api
# In another terminal:
yarn run serve

Step 2

:pencil: Edit the App.vue file to try the ApolloExample.vue component:

import HelloWorld from './components/HelloWorld.vue'

To:

import HelloWorld from './components/ApolloExample.vue'

Step 3

👾 You can play with the GraphQL API at http://localhost:4000/.

:ok_hand: Enjoy! :cat2: (Also, read the docs.)