{"componentChunkName":"component---src-templates-modal-page-js","path":"/category/boilerplates/fullstack-graphql-vue-boilerplate","result":{"pageContext":{"node":{"slug":{"current":"fullstack-graphql-vue-boilerplate"},"name":"Fullstack GraphQL Vue Boilerplate","githubUrl":"https://github.com/graphql-boilerplates/vue-fullstack-graphql","description":"Fullstack GraphQL Boilerplates for VueJs & Node.js","developer":null,"price":"Free","url":null,"tags":[{"id":"57dbe127-2f3c-5cc3-981e-82d9b1e5c68d","name":"Vue","slug":{"current":"vue"}},{"id":"80820b58-f09b-5d4c-9dd9-9010518e3d72","name":"Node JS","slug":{"current":"node-js"}},{"id":"be16bebb-ead8-5ccd-9b12-43490b7a3f4e","name":"JavaScript","slug":{"current":"javascript"}}],"logo":{"asset":{"url":"https://cdn.sanity.io/images/g5bd2nk6/production/f8aba772bcfc6445dd7a66b48502bbe59bcf997b-800x306.png"}},"categories":[{"name":"Boilerplates","slug":{"current":"boilerplates"}}],"_rawContent":[{"_key":"6c047fee3831","_type":"block","children":[{"_key":"6c047fee38310","_type":"span","marks":[],"text":"Features"}],"markDefs":[],"style":"h2"},{"_key":"63a4b06890b3","_type":"block","children":[{"_key":"63a4b06890b30","_type":"span","marks":["strong"],"text":"Rapid scaffolding"},{"_key":"63a4b06890b31","_type":"span","marks":[],"text":": Simply use graphql create (from the "},{"_key":"63a4b06890b32","_type":"span","marks":["3ad44ef0e93e"],"text":"GraphQL CLI"},{"_key":"63a4b06890b33","_type":"span","marks":[],"text":") to download the boilerplate you want."}],"level":1,"listItem":"bullet","markDefs":[{"_key":"3ad44ef0e93e","_type":"link","href":"https://github.com/graphql-cli/graphql-cli"}],"style":"normal"},{"_key":"334acb2841c1","_type":"block","children":[{"_key":"334acb2841c10","_type":"span","marks":["strong"],"text":"Easily extensible"},{"_key":"334acb2841c11","_type":"span","marks":[],"text":": A boilerplate only provides the minimum setup so you can tailor the API to your use case."}],"level":1,"listItem":"bullet","markDefs":[],"style":"normal"},{"_key":"ff77f41369ed","_type":"block","children":[{"_key":"ff77f41369ed0","_type":"span","marks":["strong"],"text":"Best practices"},{"_key":"ff77f41369ed1","_type":"span","marks":[],"text":": Each boilerplate incorporates best practices from the GraphQL community."}],"level":1,"listItem":"bullet","markDefs":[],"style":"normal"},{"_key":"ceca2eead9d2","_type":"block","children":[{"_key":"ceca2eead9d20","_type":"span","marks":[],"text":"For a fully-fledged "},{"_key":"ceca2eead9d21","_type":"span","marks":["strong"],"text":"VueJs & Apollo tutorial"},{"_key":"ceca2eead9d22","_type":"span","marks":[],"text":", visit "},{"_key":"ceca2eead9d23","_type":"span","marks":["18d002a91d37"],"text":"How to GraphQL"},{"_key":"ceca2eead9d24","_type":"span","marks":[],"text":". You can more learn about the idea behind GraphQL boilerplates "},{"_key":"ceca2eead9d25","_type":"span","marks":["cc51b7d1f2e8"],"text":"here"},{"_key":"ceca2eead9d26","_type":"span","marks":[],"text":"."}],"markDefs":[{"_key":"18d002a91d37","_type":"link","href":"https://www.howtographql.com/vue-apollo/0-introduction/"},{"_key":"cc51b7d1f2e8","_type":"link","href":"https://blog.graph.cool/graphql-boilerplates-graphql-create-how-to-setup-a-graphql-project-6428be2f3a5"}],"style":"normal"},{"_key":"9403d562b901","_type":"block","children":[{"_key":"9403d562b9010","_type":"span","marks":[],"text":"Quickstart"}],"markDefs":[],"style":"h2"},{"_key":"56a033b0b758","_type":"block","children":[{"_key":"56a033b0b7580","_type":"span","marks":[],"text":"Select a boilerplate and follow the instructions in the belonging README to get started:"}],"markDefs":[],"style":"normal"},{"_key":"07accf738fef","_type":"block","children":[{"_key":"07accf738fef0","_type":"span","marks":[],"text":""},{"_key":"07accf738fef1","_type":"span","marks":["fb02be1fd4cb"],"text":"minimal"},{"_key":"07accf738fef2","_type":"span","marks":[],"text":": Minimal boilerplate with basic \"Hello World\" functionality"}],"level":1,"listItem":"bullet","markDefs":[{"_key":"fb02be1fd4cb","_type":"link","href":"https://github.com/graphql-boilerplates/vue-fullstack-graphql/blob/master/minimal"}],"style":"normal"},{"_key":"03e8c5a1e639","_type":"block","children":[{"_key":"03e8c5a1e6390","_type":"span","marks":[],"text":""},{"_key":"03e8c5a1e6391","_type":"span","marks":["05a5bbd73dab"],"text":"basic"},{"_key":"03e8c5a1e6392","_type":"span","marks":[],"text":": Basic boilerplate based on a simple data model and with a GraphQL database"}],"level":1,"listItem":"bullet","markDefs":[{"_key":"05a5bbd73dab","_type":"link","href":"https://github.com/graphql-boilerplates/vue-fullstack-graphql/blob/master/basic"}],"style":"normal"},{"_key":"cc2138e0805c","_type":"block","children":[{"_key":"cc2138e0805c0","_type":"span","marks":[],"text":""},{"_key":"cc2138e0805c1","_type":"span","marks":["095f10075536"],"text":"advanced"},{"_key":"cc2138e0805c2","_type":"span","marks":[],"text":": Advanced boilerplate with a GraphQL database, authentication and realtime subscriptions"}],"level":1,"listItem":"bullet","markDefs":[{"_key":"095f10075536","_type":"link","href":"https://github.com/graphql-boilerplates/vue-fullstack-graphql/blob/master/advanced"}],"style":"normal"},{"_key":"931f825892dd","_type":"block","children":[{"_key":"931f825892dd0","_type":"span","marks":[],"text":"All projects are based on "},{"_key":"931f825892dd1","_type":"span","marks":["55204342850f"],"text":"graphql-yoga"},{"_key":"931f825892dd2","_type":"span","marks":[],"text":" & "},{"_key":"931f825892dd3","_type":"span","marks":["3a39bea09c3d"],"text":"Apollo Client"},{"_key":"931f825892dd4","_type":"span","marks":[],"text":"."}],"markDefs":[{"_key":"55204342850f","_type":"link","href":"https://github.com/graphcool/graphql-yoga/"},{"_key":"3a39bea09c3d","_type":"link","href":"https://github.com/apollographql/apollo-client"}],"style":"normal"}]},"targetPath":"/category/boilerplates","modalType":"tool"}},"staticQueryHashes":[]}