{"id":104863,"date":"2025-04-06T17:58:44","date_gmt":"2025-04-06T13:28:44","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/getting-started-with-graphql-44g\/"},"modified":"2025-04-06T17:58:44","modified_gmt":"2025-04-06T13:28:44","slug":"getting-started-with-graphql-44g","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/getting-started-with-graphql-44g\/","title":{"rendered":"\u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 GraphQL &#8211; Community Dev"},"content":{"rendered":"<div data-article-id=\"2386099\" id=\"article-body\">\n<blockquote>\n<p>\u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc Dev \u0645\u0646 \u0638\u0627\u0647\u0631 \u0634\u062f: Byte High \u060c \u0628\u062f\u0648\u0646 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a.<\/p>\n<\/blockquote>\n<p>GraphQL \u06cc\u06a9 \u067e\u0631\u0633 \u0648 \u062c\u0648 \u0648 \u0632\u0628\u0627\u0646 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc API \u0627\u0633\u062a. \u062f\u0631 \u0633\u0627\u0644 2012 \u062a\u0648\u0633\u0637 \u0641\u06cc\u0633 \u0628\u0648\u06a9 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f \u060c \u062f\u0631 \u0633\u0627\u0644 2015 \u0628\u0627 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u0628\u0648\u062f. \u062f\u0631 \u0633\u0627\u0644 2018 \u0628\u0647 \u0628\u0646\u06cc\u0627\u062f GraphQL \u0645\u0646\u062a\u0642\u0644 \u0634\u062f \u0648 \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0637\u0631\u062d\u0648\u0627\u0631\u0647 (SDL) \u0631\u0627 \u0645\u0639\u0631\u0641\u06cc \u06a9\u0631\u062f. \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0627\u0633\u062a\u0631\u0627\u062d\u062a \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0631\u0648\u0634 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0628\u0631\u0627\u06cc \u0627\u0641\u0634\u0627\u06cc API \u0647\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc \u0627\u0633\u062a. \u0628\u0627 \u0627\u0633\u062a\u0631\u0627\u062d\u062a \u060c \u0628\u0627\u06cc\u062f \u0648\u0631\u0648\u062f\u06cc \u0647\u0627 \u0648 \u062e\u0631\u0648\u062c\u06cc \u0647\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0628\u0627 GraphQL \u060c \u0641\u0642\u0637 \u06cc\u06a9 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0648 \u0634\u0645\u0627 \u06cc\u06a9 \u0637\u0631\u062d \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u06cc\u062f. \u06a9\u0627\u0631\u0628\u0631 \u0641\u0642\u0637 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0646 \u0622\u0646\u0686\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u062f \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0648 \u0628\u0631\u062e\u0644\u0627\u0641 SQL \u060c \u0634\u0645\u0627 \u0628\u0647 \u06cc\u06a9 \u0645\u0646\u0628\u0639 \u062f\u0627\u062f\u0647 \u0648\u0627\u062d\u062f \u0645\u062d\u062f\u0648\u062f \u0646\u0645\u06cc \u0634\u0648\u06cc\u062f.<\/p>\n<p>\u0627\u0645\u0633\u0627\u0644 \u0645\u062c\u0628\u0648\u0631 \u0634\u062f\u0645 \u0628\u0627 GraphQL \u0628\u0647 \u0633\u0631\u0639\u062a \u0633\u0631\u0639\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0646\u0645. \u0645\u0646 \u0641\u06a9\u0631 \u06a9\u0631\u062f\u0645 \u06a9\u0647 \u0627\u0632 \u0647\u06cc\u0686 \u0686\u06cc\u0632 \u0634\u0631\u0648\u0639 \u0646\u0645\u06cc \u06a9\u0646\u0645 \u060c \u0627\u0645\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u06a9\u0631\u062f\u0647 \u0627\u0645 \u06a9\u0647 Tinacms (\u0633\u06cc\u0633\u062a\u0645 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u06cc \u0633\u0631 \u06a9\u0647 \u0645\u0646 \u0628\u0627 \u0627\u06cc\u0646 \u0633\u0627\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645) \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u0648\u0644\u06cc\u0646 \u0645\u0634\u06a9\u0644\u0627\u062a\u06cc \u06a9\u0647 \u0645\u0646 \u0628\u0631\u0627\u06cc \u062d\u0644 \u0622\u0646 \u0628\u0627\u06cc\u062f \u062d\u0644 \u06a9\u0646\u0645 \u0646\u062d\u0648\u0647 \u062a\u0648\u0644\u06cc\u062f \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0628\u0648\u062f. \u062a\u062d\u0642\u06cc\u0642\u0627\u062a \u0645\u062d\u062f\u0648\u062f \u0645\u0646 \u0645\u0631\u0627 \u0628\u0647 \u062f\u0648 \u0631\u0627\u0647 \u062d\u0644 \u0645\u0645\u06a9\u0646 \u0633\u0648\u0642 \u062f\u0627\u062f: SPECTAQL \u060c \u06a9\u0647 \u0627\u0632 Dociql \u0642\u0628\u0644\u06cc \u0648 Magidoc \u062a\u0647\u06cc\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u0648\u0631\u062f \u062f\u0648\u0645 \u062f\u0627\u0631\u0627\u06cc \u062c\u0633\u062a\u062c\u0648\u06cc \u062f\u0627\u062e\u0644\u06cc \u0627\u0633\u062a \u060c \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0646 \u0631\u0642\u0645 \u0632\u062f. \u0645\u0646 \u0627\u0632 \u0647\u0648\u06af\u0648 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0698\u0646\u0631\u0627\u062a\u0648\u0631 \u0633\u0627\u06cc\u062a \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645 \u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0627\u0648\u0644\u06cc\u0646 \u06a9\u0627\u0631\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u0645 \u0627\u06cc\u0646 \u0628\u0648\u062f \u06a9\u0647 \u0646\u0633\u062e\u0647 \u0645\u062d\u0644\u06cc Tinacms \u0631\u0627 \u0627\u0632 \u0645\u062e\u0632\u0646 GIT \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0634\u0631\u0648\u0639 \u06a9\u0646\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npx tinacms dev - c <span class=\"s2\">\"hugo server -D -p 1313\"<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0627 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u0648\u0631 \u0645\u062d\u0644\u06cc \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 http: \/\/ localhost: 1313\/admin\/#\/graphql \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f. GraphiQL \u0627\u062c\u0631\u0627\u06cc \u0645\u0631\u062c\u0639 \u0632\u0645\u06cc\u0646 \u0628\u0627\u0632\u06cc GraphQL API \u0627\u0633\u062a. \u0627\u06af\u0631 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u062e\u06cc\u0644\u06cc \u0627\u0633\u0627\u0633\u06cc \u0627\u0633\u062a \u060c \u06cc\u06a9 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u062a\u062c\u0627\u0631\u06cc \u0628\u0647 \u0646\u0627\u0645 \u0622\u067e\u0648\u0644\u0648 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u0627\u062c\u0631\u0627\u06cc tinacms \u0633\u0647 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0645\u06cc \u062f\u0647\u062f (\u0627\u0632 \u0646\u0645\u0627\u062f\u0647\u0627\u06cc \u0633\u0645\u062a \u0686\u067e \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0627\u0633\u062a):<\/p>\n<ul>\n<li>\n<strong>\u0627\u0633\u0646\u0627\u062f<\/strong>: \u0627\u0633\u0646\u0627\u062f API \u062f\u0631 \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u062e\u062a.<\/li>\n<li>\n<strong>\u062a\u0627\u0631\u06cc\u062e<\/strong>: \u067e\u0631\u0633 \u0648 \u062c\u0648\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc.<\/li>\n<li>\n<strong>\u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f<\/strong>: \u0633\u0627\u0632\u0646\u062f\u0647 \u067e\u0631\u0633 \u0648 \u062c\u0648.<\/li>\n<\/ul>\n<p>\u0628\u0639\u062f \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0646\u06af\u0627\u0647\u06cc \u0628\u0647 \u0628\u062e\u0634 Docs \u062f\u0631 GraphQL \u0627\u0646\u062f\u0627\u062e\u062a\u06cc\u062f \u060c \u062e\u0648\u0627\u0647\u06cc\u062f \u0641\u0647\u0645\u06cc\u062f \u06a9\u0647 \u0686\u0631\u0627 \u0645\u06cc \u062e\u0648\u0627\u0633\u062a\u0645 \u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0645. \u0628\u0627 Magidoc \u0622\u0633\u0627\u0646 \u0627\u0633\u062a. \u0645\u0646 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0646\u062f\u0647 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0631\u0627 \u0628\u0647 \u0645\u062e\u0632\u0646 Git \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"err\">export<\/span><span class=\"w\"> <\/span><span class=\"err\">default<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n  <\/span><span class=\"err\">introspection:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"err\">type:<\/span><span class=\"w\"> <\/span><span class=\"err\">'url'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n    <\/span><span class=\"err\">url:<\/span><span class=\"w\"> <\/span><span class=\"err\">'http:\/\/localhost:<\/span><span class=\"mi\">4001<\/span><span class=\"err\">\/graphql'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"p\">},<\/span><span class=\"w\">\n  <\/span><span class=\"err\">website:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"err\">template:<\/span><span class=\"w\"> <\/span><span class=\"err\">'carbon-multi-page'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n      <\/span><span class=\"err\">customStyles:<\/span><span class=\"w\"> <\/span><span class=\"p\">[<\/span><span class=\"err\">'\/static\/css\/custom.css'<\/span><span class=\"p\">],<\/span><span class=\"w\">\n  <\/span><span class=\"p\">},<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0633\u067e\u0633 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0627\u0633\u0646\u0627\u062f \u060c \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f: <code>pnpm add --global @magidoc\/cli\\@latest &amp;&amp; magidoc generate<\/code> (\u0634\u0645\u0627 \u0628\u0647 PNPM \u0646\u0635\u0628 \u0634\u062f\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f). \u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u060c \u0627\u06cc\u0646 \u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062f\u0631 \u067e\u0648\u0634\u0647 \u0627\u06cc \u0628\u0647 \u0646\u0627\u0645 Docs \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644 \u060c \u0634\u0645\u0627 \u0641\u0642\u0637 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u067e\u0631\u0648\u0646\u062f\u0647 index.html \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f. \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0633\u0631\u0648\u0631 \u0631\u0627 \u0628\u0627 \u0622\u0646 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f <code>magidoc preview<\/code> \u0648 \u0633\u067e\u0633 \u067e\u06cc\u0648\u0646\u062f \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f. \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u067e\u0648\u0634\u0647 Docs \u0631\u0627 \u0628\u0647 \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f <code>.gitignore<\/code> \u067e\u0631\u0648\u0646\u062f\u0647 \u0627\u0645\u0627 \u062f\u0631 \u062a\u0648\u0644\u06cc\u062f \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0647\u0631 \u0633\u0631\u0648\u0631 \u0648\u0628 \u0645\u0633\u062a\u0642\u0631 \u0634\u0648\u06cc\u062f. \u062e\u0631\u0648\u062c\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u0628\u0646 IBM \u0627\u0633\u062a.<\/p>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0642\u0627\u0628\u0644 \u062c\u0633\u062a\u062c\u0648 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0628\u0631\u0631\u0633\u06cc \u0637\u0631\u062d\u0648\u0627\u0631\u0647 \u062e\u0648\u062f \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u062f. Schema GraphQL \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0628\u0647 \u0647\u0631 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u06a9\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0646\u0648\u0639 \u0631\u0627 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u062f \u060c \u0646\u0648\u0634\u062a\u0647 \u0634\u0648\u062f. \u0628\u0627 tinacms \u06a9\u0647 \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc TypeScript \u06cc\u0627 JavaScript \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0642\u0637\u0639\u0647 \u0627\u0632 \u062a\u06cc\u0646\u0627 \u0645\u0646 \u0627\u0633\u062a <code>config.js<\/code> \u067e\u0631\u0648\u0646\u062f\u0647:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"w\">    <\/span><span class=\"err\">\u0637\u0631\u062d\u0648\u0627\u0631\u0647:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n      <\/span><span class=\"err\">\u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627:<\/span><span class=\"w\"> <\/span><span class=\"p\">[<\/span><span class=\"w\">\n        <\/span><span class=\"p\">{<\/span><span class=\"w\">\n          <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"blog\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n          <\/span><span class=\"err\">format:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"md\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n          <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Blog\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n          <\/span><span class=\"err\">path:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"content\/blog\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n          <\/span><span class=\"err\">defaultItem:<\/span><span class=\"w\"> <\/span><span class=\"err\">()<\/span><span class=\"w\"> <\/span><span class=\"err\">=&gt;<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n            <\/span><span class=\"err\">return<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n              <\/span><span class=\"err\">draft:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"p\">,<\/span><span class=\"w\">\n            <\/span><span class=\"p\">}<\/span><span class=\"w\">\n          <\/span><span class=\"p\">},<\/span><span class=\"w\">\n          <\/span><span class=\"err\">fields:<\/span><span class=\"w\"> <\/span><span class=\"p\">[<\/span><span class=\"w\">\n            <\/span><span class=\"p\">{<\/span><span class=\"w\">\n              <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"draft\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">type:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"boolean\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Draft\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">required:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"p\">,<\/span><span class=\"w\">\n            <\/span><span class=\"p\">},<\/span><span class=\"w\">\n            <\/span><span class=\"p\">{<\/span><span class=\"w\">\n              <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"title\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">type:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"string\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Title\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">isTitle:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">required:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"p\">,<\/span><span class=\"w\">\n            <\/span><span class=\"p\">},<\/span><span class=\"w\">\n            <\/span><span class=\"p\">{<\/span><span class=\"w\">\n              <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"date\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">type:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"datetime\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Date\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n            <\/span><span class=\"p\">},<\/span><span class=\"w\">\n            <\/span><span class=\"p\">{<\/span><span class=\"w\">\n              <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"description\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">type:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"string\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Description\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n            <\/span><span class=\"p\">},<\/span><span class=\"w\">\n            <\/span><span class=\"p\">{<\/span><span class=\"w\">\n              <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"image\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">type:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"image\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Image\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n            <\/span><span class=\"p\">},<\/span><span class=\"w\">\n            <\/span><span class=\"p\">{<\/span><span class=\"w\">\n              <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"image_license\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">type:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"string\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Image License\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n            <\/span><span class=\"p\">},<\/span><span class=\"w\">\n            <\/span><span class=\"p\">{<\/span><span class=\"w\">\n              <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"err\">'tags'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">type:<\/span><span class=\"w\"> <\/span><span class=\"err\">'string'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"err\">'Tags'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">list:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"p\">,<\/span><span class=\"w\">\n            <\/span><span class=\"p\">},<\/span><span class=\"w\">\n            <\/span><span class=\"p\">{<\/span><span class=\"w\">\n              <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"err\">'body'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">type:<\/span><span class=\"w\"> <\/span><span class=\"err\">'rich-text'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">isBody:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Body\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n              <\/span><span class=\"err\">templates:<\/span><span class=\"w\"> <\/span><span class=\"p\">[<\/span><span class=\"w\">\n                <\/span><span class=\"p\">{<\/span><span class=\"w\">\n                  <\/span><span class=\"err\">name:<\/span><span class=\"w\"> <\/span><span class=\"err\">'shortcode'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n                  <\/span><span class=\"err\">label:<\/span><span class=\"w\"> <\/span><span class=\"err\">'shortcode'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>Enter fullscreen mode<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>Exit fullscreen mode<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>This creates a schema type called <code>Blog<\/code> with the fields:<\/p>\n<ul>\n<li>\n<strong>draft<\/strong>: <code>Boolean!<\/code>\n<\/li>\n<li>\n<strong>title<\/strong>: <code>String!<\/code>\n<\/li>\n<li>\n<strong>date<\/strong>: <code>String<\/code>\n<\/li>\n<li>\n<strong>description<\/strong>: <code>String<\/code>\n<\/li>\n<li>\n<strong>image<\/strong>: <code>String<\/code>\n<\/li>\n<li>\n<strong>image_license<\/strong>: <code>String<\/code>\n<\/li>\n<li>\n<strong>tags<\/strong>: <code>[String]<\/code>\n<\/li>\n<li>\n<strong>\u0628\u062f\u0646\u0647<\/strong>: <code>JSON<\/code>\n<\/li>\n<li>\n<strong>\u0634\u0646\u0627\u0633\u0647<\/strong>: <code>ID!<\/code>\n<\/li>\n<li>\n<strong>_sys<\/strong>: <code>SystemInfo!<\/code>\n<\/li>\n<li>\n<strong>_ \u0645\u0642\u0627\u062f\u06cc\u0631<\/strong>: <code>JSON!<\/code>\n<\/li>\n<\/ul>\n<p>\u0632\u0645\u06cc\u0646\u0647 \u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0645\u0642\u06cc\u0627\u0633 \u067e\u0630\u06cc\u0631 \u0628\u0627\u0634\u0646\u062f (<code>Boolean<\/code>\u0628\u0627 <code>Float<\/code>\u0628\u0627 <code>Integer<\/code>\u0628\u0627 <code>String<\/code> \u0648 \u063a\u06cc\u0631\u0647) \u06cc\u0627 \u067e\u06cc\u0686\u06cc\u062f\u0647 (\u062d\u0627\u0648\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631). \u06cc\u06a9 \u0639\u0644\u0627\u0645\u062a \u062a\u0639\u062c\u0628 \u0622\u0648\u0631 ( <strong>!<\/strong> ) \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u06cc\u0646 \u0632\u0645\u06cc\u0646\u0647 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a (\u063a\u06cc\u0631 \u0642\u0627\u0628\u0644 \u06a9\u0646\u062a\u0631\u0644). \u0628\u0631\u0627\u06a9\u062a \u0647\u0627\u06cc \u0645\u0631\u0628\u0639 \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u06cc\u06a9 \u0622\u0631\u0627\u06cc\u0647 \u0627\u0633\u062a. \u0627\u06af\u0631 \u0646\u0648\u0639 \u0628\u0627\u0634\u062f <code>JSON<\/code>\u060c \u0633\u067e\u0633 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u0645\u06cc\u062f\u0627\u0646 \u0647\u0627\u06cc \u0641\u0631\u0639\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0642\u0628\u0644\u0627\u064b \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0631\u0648\u0627\u0628\u0637 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u060c \u0627\u06af\u0631 \u0648\u0628\u0644\u0627\u06af \u0634\u0645\u0627 \u062f\u0627\u0631\u0627\u06cc \u0686\u0646\u062f\u06cc\u0646 \u0645\u0634\u0627\u0631\u06a9\u062a \u06a9\u0646\u0646\u062f\u0647 \u0627\u0633\u062a \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0632\u0645\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0647 \u0646\u0627\u0645 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f <code>author<\/code> \u0628\u0627 \u0646\u0648\u0639 <code>User!<\/code>\u0628\u0634\u0631<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u062a\u063a\u06cc\u06cc\u0631 \u0648\u0636\u0639\u06cc\u062a \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/getting-started-with-graphql-44g\/#%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%D8%AF%D8%A7%D8%AF%D9%87_%D8%B4%D8%AF\" >\u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/getting-started-with-graphql-44g\/#%D8%AC%D9%87%D8%B4\" >\u062c\u0647\u0634<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/getting-started-with-graphql-44g\/#%D8%A7%D8%B4%D8%AA%D8%B1%D8%A7%DA%A9\" >\u0627\u0634\u062a\u0631\u0627\u06a9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/getting-started-with-graphql-44g\/#%D9%85%D9%82%DB%8C%D8%A7%D8%B3_%D9%87%D8%A7%DB%8C_%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C\" >\u0645\u0642\u06cc\u0627\u0633 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/getting-started-with-graphql-44g\/#%D9%BE%D8%A7%DB%8C%D8%A7%D9%86\" >\u067e\u0627\u06cc\u0627\u0646<\/a><\/li><\/ul><\/nav><\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%D8%AF%D8%A7%D8%AF%D9%87_%D8%B4%D8%AF\"><\/span>\n<p>  \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0627\u0632 \u0622\u0646\u062c\u0627 \u06a9\u0647 \u0641\u0642\u0637 \u06cc\u06a9 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u060c \u0628\u0627\u06cc\u062f \u0622\u0646\u0686\u0647 \u0631\u0627 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u06af\u0648\u06cc\u06cc\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u060c \u0628\u0631\u0627\u06cc \u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0646 \u0644\u06cc\u0633\u062a \u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight graphql\"><code><span class=\"p\">{<\/span><span class=\"w\">\n  <\/span><span class=\"n\">collections<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"n\">name<\/span><span class=\"w\">\n  <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 <code>collections<\/code> \u062b\u0628\u062a \u0634\u062f\u0647 \u0627\u0633\u062a <em>\u0645\u06cc\u062f\u0627\u0646 \u0627\u0635\u0644\u06cc<\/em>\u0628\u0634\u0631 \u0647\u0631 \u0686\u06cc\u0632 \u062f\u06cc\u06af\u0631\u06cc \u0627\u0633\u062a <em>\u0628\u0627\u0631<\/em>\u0628\u0634\u0631 \u0632\u06cc\u0631\u0627 \u0628\u0627\u0631 \u0628\u0627\u0631 \u0641\u0642\u0637 \u062d\u0627\u0648\u06cc \u0627\u0633\u062a <code>name<\/code> \u067e\u0631\u0633 \u0648 \u062c\u0648 \u0644\u06cc\u0633\u062a\u06cc \u0627\u0632 \u0647\u0645\u0647 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f <code>collections<\/code>:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"data\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"nl\">\"collections\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">[<\/span><span class=\"w\">\n      <\/span><span class=\"p\">{<\/span><span class=\"nl\">\"name\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"blog\"<\/span><span class=\"p\">},<\/span><span class=\"w\">\n      <\/span><span class=\"p\">{<\/span><span class=\"nl\">\"name\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"recipe\"<\/span><span class=\"p\">}<\/span><span class=\"w\">\n    <\/span><span class=\"p\">]<\/span><span class=\"w\">\n  <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0634\u0645\u0627 \u062f\u0642\u06cc\u0642\u0627\u064b \u0645\u06cc\u0632\u0627\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u0631\u0627 \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u06cc \u06a9\u0646\u06cc\u062f \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u06cc\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u062f\u0644\u0627\u0644 \u0647\u0627 \u0631\u0627 \u062a\u0635\u0648\u06cc\u0628 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u060c \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0633\u062a\u06cc\u062f <code>title<\/code>\u0628\u0627 <code>date<\/code> \u0648\u062a <code>draft<\/code> \u0648\u0636\u0639\u06cc\u062a \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight graphql\"><code><span class=\"p\">{<\/span><span class=\"w\">\n  <\/span><span class=\"n\">blog<\/span><span class=\"p\">(<\/span><span class=\"n\">relativePath<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"getting-started-with-graphql.md\"<\/span><span class=\"p\">)<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"n\">title<\/span><span class=\"w\">\n    <\/span><span class=\"n\">date<\/span><span class=\"w\">\n    <\/span><span class=\"n\">draft<\/span><span class=\"w\">\n  <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644 \u060c \u0628\u0647 \u0637\u0648\u0631 \u0645\u0639\u0645\u0648\u0644 \u0627\u0632 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u062f\u0631 \u067e\u0631\u0633 \u0648 \u062c\u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u060c \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight graphql\"><code><span class=\"k\">query<\/span><span class=\"w\"> <\/span><span class=\"n\">blog<\/span><span class=\"p\">(<\/span><span class=\"nv\">$relativePath<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"nb\">String<\/span><span class=\"p\">!)<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n  <\/span><span class=\"n\">blog<\/span><span class=\"p\">(<\/span><span class=\"n\">relativePath<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"nv\">$relativePath<\/span><span class=\"p\">)<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"n\">title<\/span><span class=\"w\">\n    <\/span><span class=\"n\">date<\/span><span class=\"w\">\n    <\/span><span class=\"n\">draft<\/span><span class=\"w\">\n  <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u062f\u0627\u0631\u0627\u06cc \u067e\u06cc\u0634\u0648\u0646\u062f \u0647\u0633\u062a\u0646\u062f ( <strong>\u062f\u0644\u0627\u0631<\/strong> ). \u0646\u0648\u0639 (<code>String<\/code> \u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644) \u062f\u0631 \u067e\u0631\u0633 \u0648 \u062c\u0648 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u062a\u063a\u06cc\u0631 \u062f\u0631 <code>blog<\/code> \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%D8%AC%D9%87%D8%B4\"><\/span>\n<p>  \u062c\u0647\u0634<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u067e\u0631\u0633 \u0648 \u062c\u0648 \u0645\u0639\u0627\u062f\u0644 \u0622\u0646 \u0627\u0633\u062a <code>GET<\/code> \u062f\u0631 \u0627\u0633\u062a\u0631\u0627\u062d\u062a \u06cc\u0627 <code>read<\/code> \u062f\u0631 \u0627\u0635\u0637\u0644\u0627\u062d\u0627\u062a \u0633\u0646\u062a\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627. \u0628\u0631\u0627\u06cc <code>create<\/code>\u0628\u0627 <code>update<\/code> \u0648\u062a <code>delete<\/code> \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f <code>mutation<\/code>\u0628\u0634\u0631 \u0646\u062d\u0648 \u0647\u0645\u0627\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f. \u0634\u0627\u06cc\u062f \u0645\u062a\u0648\u062c\u0647 \u0634\u062f\u0647 \u0628\u0627\u0634\u06cc\u062f <code>ID<\/code> \u0632\u0648\u062f\u062a\u0631 \u0646\u0648\u0639. \u0627\u06af\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0631\u06a9\u0648\u0631\u062f \u0622\u0646 \u0631\u0627 \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f \u060c \u0633\u0631\u0648\u0631 GraphQL \u0628\u0647 \u0622\u0646 \u06cc\u06a9 \u0634\u0646\u0627\u0633\u0647 \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u0645\u06cc \u062f\u0647\u062f. \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644 \u0631\u0627 \u0627\u0632 Documenation Tinacms (\u0686\u0633\u0628\u06cc\u062f\u0646 \u0628\u0647 \u0645\u0646\u0627\u0628\u0639 \u0646\u0627\u067e\u0644\u0626\u0648\u0646 \u062f\u06cc\u0646\u0627\u0645\u06cc\u062a) \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight graphql\"><code><span class=\"k\">mutation<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n  <\/span><span class=\"n\">updatePost<\/span><span class=\"p\">(<\/span><span class=\"n\">relativePath<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"voteForPedro.json\"<\/span><span class=\"p\">,<\/span><span class=\"w\"> <\/span><span class=\"n\">params<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"n\">title<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Vote For Napolean Instead\"<\/span><span class=\"p\">,<\/span><span class=\"w\"> <\/span><span class=\"n\">category<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"politics\"<\/span><span class=\"p\">,<\/span><span class=\"w\"> <\/span><span class=\"n\">author<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"content\/authors\/napolean.json\"<\/span><span class=\"p\">})<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"n\">title<\/span><span class=\"w\">\n    <\/span><span class=\"n\">category<\/span><span class=\"w\">\n    <\/span><span class=\"n\">author<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n      <\/span><span class=\"p\">...<\/span><span class=\"w\"> <\/span><span class=\"k\">on<\/span><span class=\"w\"> <\/span><span class=\"n\">Author<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n        <\/span><span class=\"n\">id<\/span><span class=\"w\">\n      <\/span><span class=\"p\">}<\/span><span class=\"w\">\n    <\/span><span class=\"p\">}<\/span><span class=\"w\">\n  <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B4%D8%AA%D8%B1%D8%A7%DA%A9\"><\/span>\n<p>  \u0627\u0634\u062a\u0631\u0627\u06a9<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0645\u0646 \u0642\u0628\u0644\u0627\u064b \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u0639\u0645\u0627\u0631\u06cc \u0647\u0627\u06cc \u0631\u0648\u06cc\u062f\u0627\u062f \u0645\u062d\u0648\u0631 \u0646\u0648\u0634\u062a\u0645. \u0627\u0634\u062a\u0631\u0627\u06a9 \u0647\u0627 \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u062f\u0627\u062f\u0647 \u0647\u0627 \u0627\u0632 \u0633\u0631\u0648\u0631 GraphQL \u0647\u0631 \u0628\u0627\u0631 \u06a9\u0647 \u06cc\u06a9 \u0631\u0648\u06cc\u062f\u0627\u062f \u0645\u0634\u062a\u0631\u06a9 \u0628\u0631\u06af\u0632\u0627\u0631 \u0645\u06cc \u0634\u0648\u062f. \u0647\u0645\u0647 \u0633\u0631\u0648\u0631\u0647\u0627\u06cc GraphQL \u0628\u0631\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0647\u0627\u06cc WebSocket \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0646\u0634\u062f\u0647 \u0627\u0646\u062f \u060c \u0648 \u0627\u06cc\u0646 \u062f\u0631 \u0645\u0648\u0631\u062f \u0646\u0645\u0648\u0646\u0647 Tinacms \u0645\u0646 \u0635\u0627\u062f\u0642 \u0627\u0633\u062a. \u0627\u0645\u0627 \u0627\u06af\u0631 \u0686\u0646\u06cc\u0646 \u0628\u0648\u062f \u060c \u0627\u06cc\u0646 \u0647\u0645\u0627\u0646 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0646\u06af\u0627\u0645 \u0627\u06cc\u062c\u0627\u062f \u0645\u0642\u0627\u0644\u0647 \u062c\u062f\u06cc\u062f \u0648\u0628\u0644\u0627\u06af \u060c \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0637\u0644\u0627\u0639 \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight graphql\"><code><span class=\"k\">subscription<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n  <\/span><span class=\"n\">newBlog<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"n\">title<\/span><span class=\"w\">\n  <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D9%85%D9%82%DB%8C%D8%A7%D8%B3_%D9%87%D8%A7%DB%8C_%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C\"><\/span>\n<p>  \u0645\u0642\u06cc\u0627\u0633 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u067e\u0646\u062c \u0645\u0627\u0647 \u0628\u0639\u062f \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0646 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0631\u0627 \u0646\u0648\u0634\u062a\u0645 \u060c \u0628\u0627 Magidoc \u0628\u0647 \u0645\u0633\u0626\u0644\u0647 \u0627\u06cc \u0631\u0633\u06cc\u062f\u0645. \u0633\u0627\u062e\u062a Doc \u0628\u0627 \u062a\u0639\u0627\u0631\u06cc\u0641 \u06af\u0645\u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0645\u0642\u06cc\u0627\u0633 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0646\u0627\u06a9\u0627\u0645 \u0628\u0648\u062f. \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u060c \u0645\u0646 \u0641\u06a9\u0631 \u0645\u06cc \u06a9\u0631\u062f\u0645 \u0627\u06cc\u0646 \u06cc\u06a9 \u0627\u0634\u06a9\u0627\u0644 \u0627\u0633\u062a \u060c \u0627\u0645\u0627 \u0645\u0639\u0644\u0648\u0645 \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u0627\u0634\u06a9\u0627\u0644 \u0627\u06cc\u0646 \u0628\u0648\u062f \u06a9\u0647 \u0646\u0633\u062e\u0647 \u0642\u0628\u0644\u06cc \u062d\u062a\u06cc \u0627\u06af\u0631 \u062a\u0639\u0627\u0631\u06cc\u0641 \u0627\u0632 \u062f\u0633\u062a \u0631\u0641\u062a\u0647 \u0628\u0627\u0634\u062f \u060c \u0627\u0633\u0646\u0627\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u062f. \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u062a\u0639\u0627\u0631\u06cc\u0641\u06cc \u0628\u0631\u0627\u06cc \u0645\u0642\u06cc\u0627\u0633\u0647\u0627\u06cc \u0627\u0632 \u067e\u06cc\u0634 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0646\u06cc\u0633\u062a (<code>String<\/code>\u0628\u0627 <code>Int<\/code>\u0628\u0627 <code>Float<\/code>\u0628\u0627 <code>Boolean<\/code> \u0648\u062a <code>ID<\/code>). \u0627\u0645\u0627 \u0627\u06af\u0631 \u062f\u0631 \u0637\u0631\u062d\u0648\u0627\u0631\u0647 \u062e\u0648\u062f \u0645\u0642\u06cc\u0627\u0633 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u062f\u0627\u0631\u06cc\u062f \u060c \u0628\u0627\u06cc\u062f \u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0647\u0631 \u06cc\u06a9 \u062f\u0631 \u0642\u0627\u0644\u0628 JSON \u062f\u0631 \u067e\u0631\u0648\u0646\u062f\u0647 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc Magidoc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f. \u0627\u06cc\u0646 \u062a\u0639\u0627\u0631\u06cc\u0641 \u062a\u062d\u062a <code>options<\/code> \u062f\u0631 <code>website<\/code> \u0628\u062e\u0634:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"w\">  <\/span><span class=\"err\">website:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"err\">template:<\/span><span class=\"w\"> <\/span><span class=\"err\">'carbon-multi-page'<\/span><span class=\"p\">,<\/span><span class=\"w\">\n      <\/span><span class=\"err\">customStyles:<\/span><span class=\"w\"> <\/span><span class=\"p\">[<\/span><span class=\"err\">'\/static\/css\/custom.css'<\/span><span class=\"p\">],<\/span><span class=\"w\">\n    <\/span><span class=\"err\">options:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n      <\/span><span class=\"err\">queryGenerationFactories:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n        <\/span><span class=\"err\">accountID:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"01234567-890a-bcde-f012-34567890abcd\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n      <\/span><span class=\"p\">}<\/span><span class=\"w\">\n    <\/span><span class=\"p\">}<\/span><span class=\"w\">\n  <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D9%BE%D8%A7%DB%8C%D8%A7%D9%86\"><\/span>\n<p>  \u067e\u0627\u06cc\u0627\u0646<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0627\u06cc\u0646 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u0647 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u067e\u0648\u0634\u0634 \u0627\u0635\u0648\u0644 \u0627\u0648\u0644\u06cc\u0647 \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u060c Documenation GraphQL \u0646\u0642\u0637\u0647 \u0634\u0631\u0648\u0639 \u062e\u0648\u0628\u06cc \u0627\u0633\u062a. Tinacms \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u0628 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0622\u0632\u0645\u0627\u06cc\u0634 \u0628\u0627 API GraphQL \u0622\u0646 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u0645\u0627\u062c\u0631\u0627\u062c\u0648\u06cc\u0627\u0646\u0647 \u060c Kingdom Orjiewuru \u0642\u0633\u0645\u062a \u0627\u0648\u0644 \u0645\u0642\u0627\u0644\u0647 \u0627\u06cc \u0631\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0633\u0627\u062e\u062a\u0646 \u06cc\u06a9 \u0645\u062f\u06cc\u0631 \u0627\u0633\u0646\u0627\u062f \u0633\u0627\u062f\u0647 \u0628\u0627 GraphQL \u0646\u0648\u0634\u062a.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc Dev \u0645\u0646 \u0638\u0627\u0647\u0631 \u0634\u062f: Byte High \u060c \u0628\u062f\u0648\u0646 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a. GraphQL \u06cc\u06a9 \u067e\u0631\u0633 \u0648 \u062c\u0648 \u0648 \u0632\u0628\u0627\u0646 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc API \u0627\u0633\u062a. \u062f\u0631 \u0633\u0627\u0644 2012 \u062a\u0648\u0633\u0637 \u0641\u06cc\u0633 \u0628\u0648\u06a9 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f \u060c \u062f\u0631 \u0633\u0627\u0644 2015 \u0628\u0627 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u0628\u0648\u062f. \u062f\u0631 \u0633\u0627\u0644 2018 \u0628\u0647 \u0628\u0646\u06cc\u0627\u062f GraphQL \u0645\u0646\u062a\u0642\u0644 \u0634\u062f \u0648 \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0637\u0631\u062d\u0648\u0627\u0631\u0647 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":104864,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-104863","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/104863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=104863"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/104863\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/104864"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=104863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=104863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=104863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}