[{"data":1,"prerenderedAt":153},["ShallowReactive",2],{"term-g\u002Fgraphql":3,"related-g\u002Fgraphql":133},{"id":4,"title":5,"acronym":6,"body":7,"category":113,"description":114,"difficulty":115,"extension":116,"letter":117,"meta":118,"navigation":119,"path":120,"related":121,"seo":127,"sitemap":128,"stem":131,"subcategory":6,"__hash__":132},"terms\u002Fterms\u002Fg\u002Fgraphql.md","GraphQL",null,{"type":8,"value":9,"toc":107},"minimark",[10,15,19,23,26,30,96,100,103],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"GraphQL is like ordering food where YOU specify exactly what you want on your plate. With normal REST APIs, you get the whole combo meal even if you only wanted the fries. With GraphQL, you ask for exactly the fields you need and nothing more.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"GraphQL is a query language for APIs and a runtime for executing those queries. Unlike REST, clients specify exactly what data they need in a single request, eliminating over-fetching and under-fetching. It uses a strongly typed schema to define available data.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-graphql shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","query {\n  user(id: \"1\") {\n    name\n    email\n    posts {\n      title\n    }\n  }\n}\n","graphql","",[38,39,40,48,54,60,66,72,78,84,90],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,47],{},"query {\n",[41,49,51],{"class":43,"line":50},2,[41,52,53],{},"  user(id: \"1\") {\n",[41,55,57],{"class":43,"line":56},3,[41,58,59],{},"    name\n",[41,61,63],{"class":43,"line":62},4,[41,64,65],{},"    email\n",[41,67,69],{"class":43,"line":68},5,[41,70,71],{},"    posts {\n",[41,73,75],{"class":43,"line":74},6,[41,76,77],{},"      title\n",[41,79,81],{"class":43,"line":80},7,[41,82,83],{},"    }\n",[41,85,87],{"class":43,"line":86},8,[41,88,89],{},"  }\n",[41,91,93],{"class":43,"line":92},9,[41,94,95],{},"}\n",[11,97,99],{"id":98},"when-youll-hear-this","When You'll Hear This",[16,101,102],{},"\"The mobile app uses GraphQL so it only fetches what it needs.\" \u002F \"Add that field to the GraphQL schema.\"",[104,105,106],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":50,"depth":50,"links":108},[109,110,111,112],{"id":13,"depth":50,"text":14},{"id":21,"depth":50,"text":22},{"id":28,"depth":50,"text":29},{"id":98,"depth":50,"text":99},"backend","GraphQL is like ordering food where YOU specify exactly what you want on your plate.","intermediate","md","g",{},true,"\u002Fterms\u002Fg\u002Fgraphql",[122,123,124,125,126],"REST","API","Endpoint","Schema","Query Builder",{"title":5,"description":114},{"changefreq":129,"priority":130},"weekly",0.7,"terms\u002Fg\u002Fgraphql","AbEa950JFKyF9V2cJST3b-5ZXFUd5t1c60zo-lsPZRg",[134,139,142,145,149],{"title":123,"path":135,"acronym":136,"category":113,"difficulty":137,"description":138},"\u002Fterms\u002Fa\u002Fapi","Application Programming Interface","beginner","An API is like a menu at a restaurant. The kitchen (server) can do a bunch of things, but you can only order what's on the menu.",{"title":124,"path":140,"acronym":6,"category":113,"difficulty":137,"description":141},"\u002Fterms\u002Fe\u002Fendpoint","An endpoint is a specific URL that your API listens on for requests.",{"title":126,"path":143,"acronym":6,"category":113,"difficulty":115,"description":144},"\u002Fterms\u002Fq\u002Fquery-builder","A query builder lets you build database queries by chaining methods instead of writing raw SQL. It's like assembling a sentence with Lego blocks — `.",{"title":122,"path":146,"acronym":147,"category":113,"difficulty":137,"description":148},"\u002Fterms\u002Fr\u002Frest","Representational State Transfer","REST is a set of rules for how APIs should behave. Think of it as the etiquette guide for servers and clients talking to each other.",{"title":125,"path":150,"acronym":6,"category":151,"difficulty":137,"description":152},"\u002Fterms\u002Fs\u002Fschema","database","A database schema is the blueprint of your database — which tables exist, what columns they have, what types they are, and how they relate to each other.",1776518284922]