{"componentChunkName":"component---src-templates-modal-page-js","path":"/category/boilerplates/fullstack-graphql-react-boilerplate","result":{"pageContext":{"node":{"slug":{"current":"fullstack-graphql-react-boilerplate"},"name":"Fullstack GraphQL React Boilerplate","githubUrl":"https://github.com/graphql-boilerplates/react-fullstack-graphql","description":"Fullstack GraphQL Boilerplates for React & Node.js","developer":null,"price":"Free","url":null,"tags":[{"id":"0a926ca0-b673-55da-9067-d1130fbd856d","name":"React","slug":{"current":"react"}},{"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/3a73a6f25a2255e80aa0b81af95181b00edb9242-2000x338.png"}},"categories":[{"name":"Boilerplates","slug":{"current":"boilerplates"}}],"_rawContent":[{"_key":"9b1a99fbd61c","_type":"block","children":[{"_key":"9b1a99fbd61c0","_type":"span","marks":[],"text":"Features"}],"markDefs":[],"style":"h2"},{"_key":"75bde5ad02d0","_type":"block","children":[{"_key":"75bde5ad02d00","_type":"span","marks":["strong"],"text":"Rapid scaffolding"},{"_key":"75bde5ad02d01","_type":"span","marks":[],"text":": Simply use graphql create (from the "},{"_key":"75bde5ad02d02","_type":"span","marks":["e88ea7266a4e"],"text":"GraphQL CLI"},{"_key":"75bde5ad02d03","_type":"span","marks":[],"text":") to download the boilerplate you want."}],"level":1,"listItem":"bullet","markDefs":[{"_key":"e88ea7266a4e","_type":"link","href":"https://github.com/graphql-cli/graphql-cli"}],"style":"normal"},{"_key":"9babd8231cdd","_type":"block","children":[{"_key":"9babd8231cdd0","_type":"span","marks":["strong"],"text":"Easily extensible"},{"_key":"9babd8231cdd1","_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":"c7abe7102624","_type":"block","children":[{"_key":"c7abe71026240","_type":"span","marks":["strong"],"text":"Best practices"},{"_key":"c7abe71026241","_type":"span","marks":[],"text":": Each boilerplate incorporates best practices from the GraphQL community."}],"level":1,"listItem":"bullet","markDefs":[],"style":"normal"},{"_key":"fc8af5b561e1","_type":"block","children":[{"_key":"fc8af5b561e10","_type":"span","marks":[],"text":"For a fully-fledged "},{"_key":"fc8af5b561e11","_type":"span","marks":["strong"],"text":"React & Apollo tutorial"},{"_key":"fc8af5b561e12","_type":"span","marks":[],"text":", visit "},{"_key":"fc8af5b561e13","_type":"span","marks":["b0e6583b0bef"],"text":"How to GraphQL"},{"_key":"fc8af5b561e14","_type":"span","marks":[],"text":". You can more learn about the idea behind GraphQL boilerplates "},{"_key":"fc8af5b561e15","_type":"span","marks":["f31195fe3b46"],"text":"here"},{"_key":"fc8af5b561e16","_type":"span","marks":[],"text":"."}],"markDefs":[{"_key":"b0e6583b0bef","_type":"link","href":"https://www.howtographql.com/react-apollo/0-introduction/"},{"_key":"f31195fe3b46","_type":"link","href":"https://blog.graph.cool/graphql-boilerplates-graphql-create-how-to-setup-a-graphql-project-6428be2f3a5"}],"style":"normal"},{"_key":"20085769cf9d","_type":"block","children":[{"_key":"20085769cf9d0","_type":"span","marks":[],"text":"Quickstart"}],"markDefs":[],"style":"h2"},{"_key":"dc9e7e403353","_type":"block","children":[{"_key":"dc9e7e4033530","_type":"span","marks":[],"text":"Select a boilerplate and follow the instructions in the belonging README to get started:"}],"markDefs":[],"style":"normal"},{"_key":"ba2facbd0e9a","_type":"block","children":[{"_key":"ba2facbd0e9a0","_type":"span","marks":[],"text":""},{"_key":"ba2facbd0e9a1","_type":"span","marks":["8584f9a547ed"],"text":"minimal"},{"_key":"ba2facbd0e9a2","_type":"span","marks":[],"text":": Minimal boilerplate with basic \"Hello World\" functionality"}],"level":1,"listItem":"bullet","markDefs":[{"_key":"8584f9a547ed","_type":"link","href":"https://github.com/graphql-boilerplates/react-fullstack-graphql/blob/master/minimal"}],"style":"normal"},{"_key":"1167d1a4b21f","_type":"block","children":[{"_key":"1167d1a4b21f0","_type":"span","marks":[],"text":""},{"_key":"1167d1a4b21f1","_type":"span","marks":["488af0831d95"],"text":"basic"},{"_key":"1167d1a4b21f2","_type":"span","marks":[],"text":": Basic boilerplate based on a simple data model and with a GraphQL database"}],"level":1,"listItem":"bullet","markDefs":[{"_key":"488af0831d95","_type":"link","href":"https://github.com/graphql-boilerplates/react-fullstack-graphql/blob/master/basic"}],"style":"normal"},{"_key":"aedf5b52a27b","_type":"block","children":[{"_key":"aedf5b52a27b0","_type":"span","marks":[],"text":""},{"_key":"aedf5b52a27b1","_type":"span","marks":["9644c112a34b"],"text":"advanced"},{"_key":"aedf5b52a27b2","_type":"span","marks":[],"text":": Advanced boilerplate with a GraphQL database, authentication and realtime subscriptions"}],"level":1,"listItem":"bullet","markDefs":[{"_key":"9644c112a34b","_type":"link","href":"https://github.com/graphql-boilerplates/react-fullstack-graphql/blob/master/advanced"}],"style":"normal"},{"_key":"dad044bd2862","_type":"block","children":[{"_key":"dad044bd28620","_type":"span","marks":[],"text":"All projects are based on "},{"_key":"dad044bd28621","_type":"span","marks":["22b741e1d45e"],"text":"graphql-yoga"},{"_key":"dad044bd28622","_type":"span","marks":[],"text":" & "},{"_key":"dad044bd28623","_type":"span","marks":["b7d45fb75888"],"text":"Apollo Client"},{"_key":"dad044bd28624","_type":"span","marks":[],"text":"."}],"markDefs":[{"_key":"22b741e1d45e","_type":"link","href":"https://github.com/graphcool/graphql-yoga/"},{"_key":"b7d45fb75888","_type":"link","href":"https://github.com/apollographql/apollo-client"}],"style":"normal"}]},"targetPath":"/category/boilerplates","modalType":"tool"}},"staticQueryHashes":[]}