Guillaume Chau
91 lines
4.1 KiB
Markdown
91 lines
4.1 KiB
Markdown
# Introduction
|
|
|
|
::: danger
|
|
This README is related to Apollo 2.x support. For the old release (supporting only Apollo 1.x), see [here](https://github.com/Akryum/vue-apollo/tree/apollo-1).
|
|
:::
|
|
|
|
This library integrates [apollo](https://www.apollographql.com/) in your [Vue](http://vuejs.org) components with declarative queries. Compatible with Vue 1.0+ and 2.0+.
|
|
|
|
[➡️ Go to Installation](./installation.md)
|
|
|
|
## Sponsors
|
|
|
|
### Gold
|
|
|
|
<p style="text-align: center;">
|
|
<a href="https://www.sumcumo.com/en/" target="_blank">
|
|
<img src="https://cdn.discordapp.com/attachments/258614093362102272/570728242399674380/logo-sumcumo.png" alt="sum.cumo logo" class="gold-sponsor">
|
|
</a>
|
|
</p>
|
|
|
|
### Silver
|
|
|
|
<p style="text-align: center;">
|
|
<a href="https://vueschool.io/" target="_blank">
|
|
<img src="https://vueschool.io/img/logo/vueschool_logo_multicolor.svg" alt="VueSchool logo" class="silver-sponsor">
|
|
</a>
|
|
|
|
<a href="https://www.vuemastery.com/" target="_blank">
|
|
<img src="https://cdn.discordapp.com/attachments/258614093362102272/557267759130607630/Vue-Mastery-Big.png" alt="Vue Mastery logo" class="silver-sponsor">
|
|
</a>
|
|
</p>
|
|
|
|
### Bronze
|
|
|
|
<p align="center">
|
|
<a href="https://vuetifyjs.com" target="_blank">
|
|
<img src="https://cdn.discordapp.com/attachments/537832759985700914/537832771691872267/Horizontal_Logo_-_Dark.png" alt="Vuetify logo" class="bronze-sponsor">
|
|
</a>
|
|
|
|
<a href="https://www.frontenddeveloperlove.com/" target="_blank" title="Frontend Developer Love">
|
|
<img src="https://cdn.discordapp.com/attachments/258614093362102272/557267744249085953/frontend_love-logo.png" alt="Frontend Developer Love logo" class="bronze-sponsor">
|
|
</a>
|
|
</p>
|
|
|
|
## Become a sponsor
|
|
|
|
Is your company using vue-apollo or vue-cli-plugin-apollo to build awesome apps? Join the other patrons and become a sponsor to add your logo on this documentation! Supporting me on Patreon allows me to work less for a job and to work more on Free Open Source Software such as vue-apollo! Thank you!
|
|
|
|
<p style="text-align: center;">
|
|
<a href="https://www.patreon.com/akryum" target="_blank">
|
|
<img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="Become a Patreon">
|
|
</a>
|
|
</p>
|
|
|
|
## Slides
|
|
|
|
If you never heard of GraphQL or Apollo, here is a sneak peek:
|
|
|
|
<iframe
|
|
src="//slides.com/akryum/vue-apollo-graphql/embed?style=light"
|
|
width="100%"
|
|
height="500"
|
|
scrolling="no"
|
|
frameborder="0"
|
|
webkitallowfullscreen
|
|
mozallowfullscreen
|
|
allowfullscreen
|
|
/>
|
|
|
|
## What is GraphQL?
|
|
|
|
[GraphQL](https://graphql.org/) is a specification that aims at easing the communication between frontends and backends. It mainly consists of a Schema Language for the server and a Query Language for the client.
|
|
|
|
## What is Apollo?
|
|
|
|
[Apollo](https://www.apollographql.com/) is a set of tools and community effort to help you use GraphQL in your apps. It's well known for its [client](https://www.apollographql.com/client) and its [server](https://www.apollographql.com/server). Apollo is developed and supported by the [Meteor Development Group](https://www.meteor.io/).
|
|
|
|
## Links
|
|
|
|
[<img src="https://github.com/fluidicon.png" alt="icon" width="16" height="16"/> Vue-cli plugin](https://github.com/Akryum/vue-cli-plugin-apollo)
|
|
|
|
[<img src="https://github.com/fluidicon.png" alt="icon" width="16" height="16"/> More vue-apollo examples](https://github.com/Akryum/vue-apollo-example)
|
|
|
|
[<img src="https://github.com/fluidicon.png" alt="icon" width="16" height="16"/> Apollo graphql server example](https://github.com/Akryum/apollo-server-example)
|
|
|
|
[<img src="https://www.howtographql.com/static/howtographql.d1a2e5b4.svg" alt="icon" width="16" height="16"/> How to GraphQL](https://www.howtographql.com/vue-apollo/0-introduction/)
|
|
|
|
[<img src="https://conf.vuejs.org/img/logo-48.png" alt="icon" width="16" height="16"/> VueConf 2017 demo](https://github.com/Akryum/vueconf-2017-demo) & [slides](http://slides.com/akryum/graphql#/)
|
|
|
|
[<img src="https://github.com/fluidicon.png" alt="icon" width="16" height="16"/> Devfest Summit Example](https://github.com/Akryum/devfest-nantes-2017) (with lots of features like SSR, OAuth, Realtime updates, Apollo Engine...)
|