{"id":30780,"date":"2023-07-17T15:17:34","date_gmt":"2023-07-17T11:47:34","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/what-is-a-visual-headless-cms-aka-visual-cms-19cb\/"},"modified":"2023-07-17T15:17:34","modified_gmt":"2023-07-17T11:47:34","slug":"what-is-a-visual-headless-cms-aka-visual-cms-19cb","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/what-is-a-visual-headless-cms-aka-visual-cms-19cb\/","title":{"rendered":"Visual Headless CMS (\u0628\u0627 \u0646\u0627\u0645 \u0645\u0633\u062a\u0639\u0627\u0631 Visual CMS) \u0686\u06cc\u0633\u062a\u061f"},"content":{"rendered":"<div data-article-id=\"1536284\" id=\"article-body\">\n<p>\u0627\u06cc\u0646 \u067e\u0633\u062a \u062f\u0631 \u0645\u0648\u0631\u062f \u06cc\u06a9 \u0645\u0641\u0647\u0648\u0645 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0647 \u0646\u0627\u0645 Headless Visual CMS \u06cc\u0627 Headless Visual Management Content System \u0628\u062d\u062b \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.  \u0627\u06cc\u0646 CMS \u0645\u0639\u0645\u0648\u0644\u06cc \u0634\u0645\u0627 \u0646\u06cc\u0633\u062a.  \u0645\u0646\u0638\u0648\u0631 \u0645\u0627 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f WordPress\u060c Joomla\u060c Drupal\u060c Sanity.io\u060c Contentful \u06cc\u0627 \u0647\u0631 \u0686\u06cc\u0632 \u062f\u06cc\u06af\u0631\u06cc \u0646\u06cc\u0633\u062a.  \u062f\u0631 \u0639\u0648\u0636\u060c \u0645\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u062a\u0644\u0641\u06cc\u0642\u06cc \u0627\u0632 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc CMS \u0628\u062f\u0648\u0646 \u0647\u062f \u0648 \u0633\u0627\u062f\u06af\u06cc \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646 \u0633\u0627\u06cc\u062a \u0645\u0627\u0646\u0646\u062f Wix \u06cc\u0627 Squarespace \u0635\u062d\u0628\u062a \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0639\u0645\u06cc\u0642 \u062a\u0631 \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645.<\/p>\n<p>\u0628\u0633\u06cc\u0627\u0631 \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646:<\/p>\n<p><video loop=\"\" controls=\"\"><source src=\"https:\/\/cdn.builder.io\/o\/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3b7e566a31724728847836899d7eaa9f%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&amp;token=3b7e566a31724728847836899d7eaa9f&amp;alt=media&amp;optimized=true\" type=\"video\/mp4\"><\/source><\/video><\/p>\n<p>\u0627\u06cc\u0646 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u06a9\u0645\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0627\u0632 \u0622\u0646 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0628\u0647 \u062f\u06cc\u062f\u0646 \u0622\u0646 \u062f\u0631 CMS \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0639\u0627\u062f\u062a \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f &#8211; \u0628\u0644\u0648\u06a9 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u0635\u0641\u062d\u0647 \u06a9\u0634\u06cc\u062f\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f \u0627\u062c\u0632\u0627\u06cc React \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0627\u0632 \u067e\u0627\u06cc\u0647 \u06a9\u062f \u0634\u0645\u0627 \u0645\u06cc \u0622\u06cc\u0646\u062f!<\/p>\n<p>\u06a9\u062f \u0627\u062f\u063a\u0627\u0645 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a \u0648 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062f\u0631 \u0633\u0627\u06cc\u062a \u06cc\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0648\u062c\u0648\u062f \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc \u06af\u06cc\u0631\u062f.  \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f \u0627\u06cc\u0646 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">BuilderComponent<\/span><span class=\"p\">,<\/span> <span class=\"nx\">builder<\/span><span class=\"p\">,<\/span> <span class=\"nx\">registerComponent<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@builder.io\/react<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"k\">export<\/span> <span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nx\">getStaticProps<\/span><span class=\"p\">({<\/span> <span class=\"nx\">params<\/span> <span class=\"p\">})<\/span> <span class=\"p\">{<\/span>\n  <span class=\"c1\">\/\/ Fetch the builder content as JSON<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">page<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nx\">builder<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">page<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">{<\/span> <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">\/<\/span><span class=\"dl\">'<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">params<\/span><span class=\"p\">.<\/span><span class=\"nx\">page<\/span><span class=\"p\">.<\/span><span class=\"nx\">join<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">\/<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span> <span class=\"p\">});<\/span>\n  <span class=\"k\">return<\/span> <span class=\"p\">{<\/span> <span class=\"na\">props<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">page<\/span> <span class=\"p\">}<\/span> <span class=\"p\">};<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"k\">export<\/span> <span class=\"k\">default<\/span> <span class=\"kd\">function<\/span> <span class=\"nx\">Page<\/span><span class=\"p\">({<\/span> <span class=\"nx\">page<\/span> <span class=\"p\">})<\/span> <span class=\"p\">{<\/span>\n  <span class=\"c1\">\/\/ Render the content dynamically<\/span>\n  <span class=\"k\">return<\/span> <span class=\"o\">&lt;<\/span><span class=\"nx\">BuilderComponent<\/span> <span class=\"nx\">model<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">page<\/span><span class=\"dl\">\"<\/span> <span class=\"nx\">content<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nx\">page<\/span><span class=\"p\">}<\/span> <span class=\"sr\">\/&gt;<\/span><span class=\"err\">;\n<\/span><span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Register your components for use in the visual editor<\/span>\n<span class=\"nx\">registerComponent<\/span><span class=\"p\">(<\/span><span class=\"nx\">MyHero<\/span><span class=\"p\">)<\/span>\n<span class=\"nx\">registerComponent<\/span><span class=\"p\">(<\/span><span class=\"nx\">MyProductsComponent<\/span><span class=\"p\">)<\/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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\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\u0646\u0638\u0631 \u062c\u0627\u0644\u0628 \u0645\u06cc \u0622\u06cc\u062f\u061f  \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0648\u0627\u0631\u062f \u0622\u0646 \u0634\u0648\u06cc\u0645.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 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-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/what-is-a-visual-headless-cms-aka-visual-cms-19cb\/#CMS_%D8%A8%D8%AF%D9%88%D9%86_%D8%B3%D8%B1_%D9%87%D9%85%D9%87_%D9%85%D8%A7%D9%87%DB%8C%DA%86%D9%87_%D9%87%D8%A7%D8%8C_%D8%AA%D8%B9%D8%AF%D8%A7%D8%AF_%DA%A9%D9%85%DB%8C_%D9%84%D8%A8%D8%AE%D9%86%D8%AF\" >CMS \u0628\u062f\u0648\u0646 \u0633\u0631: \u0647\u0645\u0647 \u0645\u0627\u0647\u06cc\u0686\u0647 \u0647\u0627\u060c \u062a\u0639\u062f\u0627\u062f \u06a9\u0645\u06cc \u0644\u0628\u062e\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/what-is-a-visual-headless-cms-aka-visual-cms-19cb\/#%D8%B3%D8%A7%D8%B2%D9%86%D8%AF%DA%AF%D8%A7%D9%86_%D8%B3%D8%A7%DB%8C%D8%AA_%DA%86%D9%87%D8%B1%D9%87_%D9%87%D8%A7%DB%8C_%D8%B2%DB%8C%D8%A8%D8%A7%D8%8C_%D8%B1%DB%8C%D8%B2%D8%B4_%DA%A9%D9%85%D8%AA%D8%B1\" >\u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646 \u0633\u0627\u06cc\u062a: \u0686\u0647\u0631\u0647 \u0647\u0627\u06cc \u0632\u06cc\u0628\u0627\u060c \u0631\u06cc\u0632\u0634 \u06a9\u0645\u062a\u0631<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/what-is-a-visual-headless-cms-aka-visual-cms-19cb\/#%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86_%D9%87%D8%A7%DB%8C_%D9%87%D8%B1_%D8%AF%D9%88_%D8%AC%D9%87%D8%A7%D9%86_CMS_%D8%A8%D8%B5%D8%B1%DB%8C\" >\u0628\u0647\u062a\u0631\u06cc\u0646 \u0647\u0627\u06cc \u0647\u0631 \u062f\u0648 \u062c\u0647\u0627\u0646: CMS \u0628\u0635\u0631\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/what-is-a-visual-headless-cms-aka-visual-cms-19cb\/#%D9%85%D8%B2%D8%A7%DB%8C%D8%A7%DB%8C_%D9%85%D9%86%D8%AD%D8%B5%D8%B1_%D8%A8%D9%87_%D9%81%D8%B1%D8%AF_CMS_%D8%AA%D8%B5%D9%88%DB%8C%D8%B1%DB%8C_%D8%A8%D8%AF%D9%88%D9%86_%D9%87%D8%AF_Builderio\" >\u0645\u0632\u0627\u06cc\u0627\u06cc \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f CMS \u062a\u0635\u0648\u06cc\u0631\u06cc \u0628\u062f\u0648\u0646 \u0647\u062f Builder.io<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/what-is-a-visual-headless-cms-aka-visual-cms-19cb\/#%D9%86%D8%AA%DB%8C%D8%AC%D9%87\" >\u0646\u062a\u06cc\u062c\u0647<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/what-is-a-visual-headless-cms-aka-visual-cms-19cb\/#%D9%BE%D8%B3%D8%AA_%DA%A9%D8%A7%D9%85%D9%84_%D8%B1%D8%A7_%D8%AF%D8%B1_%D9%88%D8%A8%D9%84%D8%A7%DA%AF_Builderio_%D8%A8%D8%AE%D9%88%D8%A7%D9%86%DB%8C%D8%AF\" >\u067e\u0633\u062a \u06a9\u0627\u0645\u0644 \u0631\u0627 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af Builder.io \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"CMS_%D8%A8%D8%AF%D9%88%D9%86_%D8%B3%D8%B1_%D9%87%D9%85%D9%87_%D9%85%D8%A7%D9%87%DB%8C%DA%86%D9%87_%D9%87%D8%A7%D8%8C_%D8%AA%D8%B9%D8%AF%D8%A7%D8%AF_%DA%A9%D9%85%DB%8C_%D9%84%D8%A8%D8%AE%D9%86%D8%AF\"><\/span>\n<p>  CMS \u0628\u062f\u0648\u0646 \u0633\u0631: \u0647\u0645\u0647 \u0645\u0627\u0647\u06cc\u0686\u0647 \u0647\u0627\u060c \u062a\u0639\u062f\u0627\u062f \u06a9\u0645\u06cc \u0644\u0628\u062e\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u06cc\u06a9 \u0644\u062d\u0638\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 CMS \u0628\u062f\u0648\u0646 \u0647\u062f \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645.<\/p>\n<p>\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0647 \u0627\u0635\u0637\u0644\u0627\u062d \u00ab\u0647\u062f\u0644\u0633\u00bb \u0641\u06a9\u0631 \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0648\u0644\u06cc\u0646 \u0627\u0631\u062a\u0628\u0627\u0637 \u0634\u0645\u0627 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u00ab\u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a\u200c\u0647\u0627\u06cc \u0628\u062f\u0648\u0646 \u0633\u0631\u00bb \u0628\u0627\u0634\u062f\u060c \u06a9\u0647 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0641\u0642\u0637 \u062f\u0627\u0631\u0627\u06cc API \u0647\u0633\u062a\u0646\u062f \u0648 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0646\u062f\u0627\u0631\u0646\u062f\u060c \u062f\u0631 \u0645\u063a\u0632 \u0634\u0645\u0627 \u062b\u0628\u062a \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.  \u0645\u0646\u0638\u0648\u0631 \u0645\u0646 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\/\u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Headless UI\u060c RadixUI\u060c Downshift\u060c TanStack Table \u06cc\u0627 \u062a\u0639\u062f\u0627\u062f\u06cc \u062f\u06cc\u06af\u0631 \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0641\u0631\u0627\u0645\u0648\u0634 \u06a9\u0646\u0645.<\/p>\n<p>\u0627\u0632 \u0633\u0648\u06cc \u062f\u06cc\u06af\u0631\u060c \u06cc\u06a9 &#8220;CMS \u0628\u062f\u0648\u0646 \u0633\u0631&#8221; \u06cc\u06a9 \u0646\u0648\u0639 \u062e\u0627\u0635 \u0627\u0632 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u062a\u0648\u0627 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0646\u0647\u0627 \u0628\u0631 \u0631\u0648\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc Backend \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u062f.<\/p>\n<p>\u06a9\u0645\u06cc \u062a\u0631\u0633\u0646\u0627\u06a9 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f\u061f  \u0646\u06af\u0631\u0627\u0646 \u0646\u0628\u0627\u0634\u06cc\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u0641\u0642\u0637 \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u062d\u062a\u0648\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 GraphQL \u06cc\u0627 REST API \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0627\u0633\u062a \u0648 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u062f\u0631 \u0647\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u06cc \u06a9\u0647 \u0641\u06a9\u0631\u0634 \u0631\u0627 \u0628\u06a9\u0646\u06cc\u062f \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f.  \u062c\u0627\u062f\u0648 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 CMS \u0628\u062f\u0648\u0646 \u0647\u062f\u060c \u0628\u06a9\u200c\u0627\u0646\u062f (\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u0648 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f) \u0631\u0627 \u0627\u0632 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f (\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc\u200c\u0627\u0641\u062a\u062f) \u062c\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0627\u0631\u0627\u0626\u0647 frontend \u0631\u0627 \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u0647\u200c\u0627\u0634 \u062e\u0627\u0631\u062c \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p><\/p>\n<p>\u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631\u060c \u0627\u06cc\u0646 \u062c\u062f\u0627\u06cc\u06cc \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0645\u0627\u0646\u0646\u062f \u06cc\u06a9 \u0639\u0627\u0631\u0636\u0647 \u0627\u0636\u0627\u0641\u06cc \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u062f\u060c \u0627\u0645\u0627 \u0627\u06cc\u0646 \u06cc\u06a9 \u0645\u0632\u06cc\u062a \u0639\u0638\u06cc\u0645 \u0627\u0633\u062a.  \u0686\u0631\u0627\u061f  \u0632\u06cc\u0631\u0627 \u0641\u0636\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0646\u062d\u0648\u0647 \u0648 \u0645\u06a9\u0627\u0646 \u0648 \u0646\u062d\u0648\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<p>\u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06cc\u06a9 \u062f\u0633\u062a\u06af\u0627\u0647 \u06cc\u0627 \u067e\u0644\u062a\u0641\u0631\u0645 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 API \u0645\u062a\u0635\u0644 \u0634\u0648\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u0645\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0645\u0635\u0631\u0641 \u06a9\u0646\u062f.<\/p>\n<p>CMS \u0647\u0627\u06cc \u0628\u062f\u0648\u0646 \u0633\u0631 \u0645\u0627\u0646\u0646\u062f \u0633\u0648\u067e\u0631\u0645\u0646 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u062a\u0648\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0647\u0633\u062a\u0646\u062f.  \u0622\u0646\u200c\u0647\u0627 \u0646\u0633\u0628\u062a \u0628\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc\u060c \u0645\u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f\u060c \u0648 \u0645\u0627\u0646\u0646\u062f \u06cc\u06a9 \u062c\u0630\u0627\u0628\u06cc\u062a \u0645\u0642\u06cc\u0627\u0633 \u0647\u0633\u062a\u0646\u062f.  \u0628\u0647 \u0639\u0644\u0627\u0648\u0647\u060c \u0622\u0646\u0647\u0627 \u0628\u0627 \u067e\u0644\u0627\u06af\u06cc\u0646\u200c\u0647\u0627 \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646\u06cc \u0628\u0631\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc\u200c\u0633\u0627\u0632\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0646\u0642\u0634\u200c\u0647\u0627 \u0648 \u0645\u062c\u0648\u0632\u0647\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631 \u062a\u06cc\u0645\u06cc \u0639\u0631\u0636\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n<p>\u0627\u0645\u0627\u060c \u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f \u0628\u0627 \u0622\u0646 \u0631\u0648\u0628\u0631\u0648 \u0634\u0648\u06cc\u0645\u060c \u0622\u0646\u0647\u0627 \u062f\u0642\u06cc\u0642\u0627 \u06a9\u0627\u0631\u0628\u0631 \u067e\u0633\u0646\u062f \u0646\u06cc\u0633\u062a\u0646\u062f.  \u0622\u0646\u0647\u0627 \u0627\u0632 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u06cc \u062e\u0648\u0627\u0647\u0646\u062f \u06a9\u0647 \u0627\u062c\u0632\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u06af\u0648\u0646\u0647 \u0627\u06cc \u062e\u0645 \u06a9\u0646\u0646\u062f \u062a\u0627 \u062f\u0631 CMS \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u0646\u062f.  \u0647\u0645\u0686\u0646\u06cc\u0646\u060c \u0622\u0646\u0647\u0627 \u0639\u0645\u062f\u062a\u0627\u064b \u0641\u0631\u0645 \u0647\u0627\u06cc \u0648\u0631\u0648\u062f\u06cc \u0628\u06cc \u067e\u0627\u06cc\u0627\u0646 \u0647\u0633\u062a\u0646\u062f &#8211; \u0628\u0647 \u06cc\u06a9 \u0642\u0637\u0639\u0647 \u062f\u0627\u062f\u0647 \u0627\u0636\u0627\u0641\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f\u061f  \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0641\u06cc\u0644\u062f \u0648\u0631\u0648\u062f\u06cc \u062c\u062f\u06cc\u062f \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u060c \u0645\u0648\u0641\u0642 \u0628\u0627\u0634\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0646\u0642\u0634\u0647 \u0628\u0631\u062f\u0627\u0631\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u0628\u0647 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062e\u0648\u062f \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0648 \u0627\u06af\u0631 \u062a\u06cc\u0645 \u0628\u0627\u0632\u0627\u0631\u06cc\u0627\u0628\u06cc \u0686\u06cc\u0632 \u062c\u062f\u06cc\u062f\u06cc \u0645\u06cc \u062e\u0648\u0627\u0647\u062f\u061f  \u062e\u0628\u060c \u0628\u0647 \u0639\u0642\u0628 \u0645\u0627\u0646\u062f\u06af\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0627\u0632\u06af\u0634\u062a\u0647 \u0627\u0633\u062a.  \u0628\u0627 \u06af\u0630\u0634\u062a \u0632\u0645\u0627\u0646\u060c \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u06cc\u06a9 \u062f\u0633\u062a\u0647 \u06a9\u0627\u0645\u0644 \u0627\u0632 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc\u200c\u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\u060c \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u0645\u062d\u062f\u0648\u062f \u0648 \u0628\u0631\u062e\u06cc \u062a\u0623\u062b\u06cc\u0631\u0627\u062a \u062a\u062c\u0627\u0631\u06cc \u0628\u0633\u06cc\u0627\u0631 \u062c\u062f\u06cc \u0634\u0648\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B3%D8%A7%D8%B2%D9%86%D8%AF%DA%AF%D8%A7%D9%86_%D8%B3%D8%A7%DB%8C%D8%AA_%DA%86%D9%87%D8%B1%D9%87_%D9%87%D8%A7%DB%8C_%D8%B2%DB%8C%D8%A8%D8%A7%D8%8C_%D8%B1%DB%8C%D8%B2%D8%B4_%DA%A9%D9%85%D8%AA%D8%B1\"><\/span>\n<p>  \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646 \u0633\u0627\u06cc\u062a: \u0686\u0647\u0631\u0647 \u0647\u0627\u06cc \u0632\u06cc\u0628\u0627\u060c \u0631\u06cc\u0632\u0634 \u06a9\u0645\u062a\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0633\u067e\u0633 \u0634\u0645\u0627 \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646 \u0633\u0627\u06cc\u062a \u0631\u0627 \u062f\u0627\u0631\u06cc\u062f &#8211; \u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f \u0645\u0627\u0646\u0646\u062f Webflow\u060c Squarespace \u0648 Wix.  \u0647\u0645\u0647 \u0622\u0646\u0647\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u062c\u0630\u0627\u0628\u06cc\u062a \u0628\u0635\u0631\u06cc \u0647\u0633\u062a\u0646\u062f \u0648 \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0631\u0627 \u0628\u0647 \u0622\u0633\u0627\u0646\u06cc \u06a9\u0634\u06cc\u062f\u0646\u060c \u0631\u0647\u0627 \u06a9\u0631\u062f\u0646 \u0648 \u0627\u0646\u062a\u0634\u0627\u0631 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/07\/1689594453_148_Visual-Headless-CMS-\u0628\u0627-\u0646\u0627\u0645-\u0645\u0633\u062a\u0639\u0627\u0631-Visual-CMS-\u0686\u06cc\u0633\u062a\u061f.jpeg\" alt=\"\u062a\u0635\u0648\u06cc\u0631\u06cc \u06a9\u0647 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631\u0647\u0627\u06cc wysiwyg \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.\" loading=\"lazy\" width=\"800\" height=\"448\" title=\"\"><\/p>\n<p>\u0627\u0645\u0627 \u0628\u0627 \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u062a\u0631 \u0634\u062f\u0646 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627\u060c \u0627\u06cc\u0646 \u0645\u062f\u0644\u200c\u0647\u0627 \u0634\u0631\u0648\u0639 \u0628\u0647 \u0634\u06a9\u0633\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.  \u0633\u0631\u0639\u062a \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u062f\u062a\u0631 \u0634\u0648\u062f \u0648 \u0634\u0645\u0627 \u0628\u0647 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u067e\u0644\u062a\u0641\u0631\u0645 \u0645\u062a\u0635\u0644 \u0634\u0648\u06cc\u062f.  \u0622\u06cc\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u0632 \u0622\u062e\u0631\u06cc\u0646 \u0633\u0631\u0648\u06cc\u0633 \u0647\u0627\u06cc \u0641\u0631\u0627\u0646\u062a \u0627\u0646\u062f \u06cc\u0627 \u0628\u06a9 \u0627\u0646\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u061f  \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u067e\u0644\u062a\u0641\u0631\u0645 \u0627\u0632 \u0622\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0646\u062f.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/07\/1689594453_441_Visual-Headless-CMS-\u0628\u0627-\u0646\u0627\u0645-\u0645\u0633\u062a\u0639\u0627\u0631-Visual-CMS-\u0686\u06cc\u0633\u062a\u061f.jpeg\" alt=\"\u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 \u0645\u06cc\u0645 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u06cc\u0646\u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u06a9\u0634\u06cc\u062f\u0646 \u0648 \u0631\u0647\u0627 \u06a9\u0631\u062f\u0646 \u067e\u0648\u0644 \u0645\u06cc\u200c\u0622\u0648\u0631\u062f.\" loading=\"lazy\" width=\"675\" height=\"499\" title=\"\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86_%D9%87%D8%A7%DB%8C_%D9%87%D8%B1_%D8%AF%D9%88_%D8%AC%D9%87%D8%A7%D9%86_CMS_%D8%A8%D8%B5%D8%B1%DB%8C\"><\/span>\n<p>  \u0628\u0647\u062a\u0631\u06cc\u0646 \u0647\u0627\u06cc \u0647\u0631 \u062f\u0648 \u062c\u0647\u0627\u0646: CMS \u0628\u0635\u0631\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0641\u06a9\u0631 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f &#8211; \u0686\u0631\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u0633\u0645\u062a\u200c\u0647\u0627 \u0631\u0627 \u0627\u0632 \u0647\u0631 \u062f\u0648 \u062f\u0646\u06cc\u0627 \u0646\u06af\u06cc\u0631\u06cc\u0645\u061f  \u067e\u0644\u062a\u0641\u0631\u0645\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0633\u0627\u062e\u062a\u0646 \u0628\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0633\u0627\u0632 \u0634\u0647\u0648\u062f\u06cc \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 API\u060c \u0645\u0624\u0644\u0641\u0647 \u0645\u062d\u0648\u0631 \u0648 \u0628\u0627 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u0628\u0627\u0644\u0627 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062f\u0631 \u0645\u0648\u0631\u062f CMS \u0628\u062f\u0648\u0646 \u0633\u0631 \u0639\u0644\u0627\u0642\u0647 \u062f\u0627\u0631\u0646\u062f.  Visual CMS \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631 \u0645\u0648\u0631\u062f \u062a\u0648\u0633\u0639\u0647 \u0628\u0635\u0631\u06cc \u0628\u0627 \u0639\u0646\u0627\u0635\u0631\u06cc \u0645\u0627\u0646\u0646\u062f \u0645\u062a\u0646\u060c \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u0648\u06cc\u062f\u06cc\u0648 \u0648 \u0645\u0648\u0627\u0631\u062f \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u06cc\u06a9 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u0628\u0647 \u0633\u0628\u06a9 Figma \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.  \u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u0633\u0645\u062a\u061f  \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u06a9\u062f\u0647\u0627\u06cc \u062a\u0645\u06cc\u0632 \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0648 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644\u06cc \u0631\u0627 \u062f\u0631 \u0627\u06cc\u0646 \u0635\u0641\u062d\u0627\u062a \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f &#8211; \u0647\u0645\u0647 \u0628\u0631\u0646\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%B2%D8%A7%DB%8C%D8%A7%DB%8C_%D9%85%D9%86%D8%AD%D8%B5%D8%B1_%D8%A8%D9%87_%D9%81%D8%B1%D8%AF_CMS_%D8%AA%D8%B5%D9%88%DB%8C%D8%B1%DB%8C_%D8%A8%D8%AF%D9%88%D9%86_%D9%87%D8%AF_Builderio\"><\/span>\n<p>  \u0645\u0632\u0627\u06cc\u0627\u06cc \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f CMS \u062a\u0635\u0648\u06cc\u0631\u06cc \u0628\u062f\u0648\u0646 \u0647\u062f Builder.io<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc CMS \u0647\u0627\u06cc \u0628\u062f\u0648\u0646 \u0647\u062f \u0648 \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646 \u0633\u0627\u06cc\u062a\u060c \u0648\u06cc\u0698\u0648\u0627\u0644 \u0633\u06cc \u0627\u0645 \u0627\u0633 \u0628\u06cc\u0644\u062f\u0631 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f\u06cc \u0631\u0627 \u062f\u0631 \u062c\u062f\u0648\u0644 \u0628\u0647 \u0627\u0631\u0645\u063a\u0627\u0646 \u0645\u06cc \u0622\u0648\u0631\u062f.<\/p>\n<p>\u0628\u0631\u062e\u0644\u0627\u0641 \u0633\u0627\u06cc\u0631 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631\u0647\u0627\u06cc \u0628\u0635\u0631\u06cc\u060c CMS \u0628\u0635\u0631\u06cc Builder \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u062a\u0627 \u0622\u0646\u062c\u0627 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u0646\u062f \u0628\u0631 \u0627\u062c\u0632\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u06cc\u0645 \u0628\u0627\u0632\u0627\u0631\u06cc\u0627\u0628\u06cc\/\u0637\u0631\u0627\u062d\u06cc \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062f\u0631 \u062f\u0627\u062e\u0644 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u062f\u060c \u06a9\u0646\u062a\u0631\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/07\/1689594454_308_Visual-Headless-CMS-\u0628\u0627-\u0646\u0627\u0645-\u0645\u0633\u062a\u0639\u0627\u0631-Visual-CMS-\u0686\u06cc\u0633\u062a\u061f.jpeg\" alt=\"\u0646\u0645\u0648\u062f\u0627\u0631\u06cc \u06a9\u0647 \u062a\u0648\u0633\u0639\u0647 \u0628\u0635\u0631\u06cc\u060c \u0627\u062c\u0632\u0627\u06cc \u06a9\u062f \u0648 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0633\u0627\u062e\u062a \u06cc\u0627\u0641\u062a\u0647 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.\" loading=\"lazy\" width=\"800\" height=\"450\" title=\"\"><\/p>\n<p>\u0628\u0647 \u062f\u0644\u06cc\u0644 CMS \u0628\u0635\u0631\u06cc Builder\u060c \u0645\u062d\u062a\u0648\u0627 \u0645\u062c\u0628\u0648\u0631 \u0646\u06cc\u0633\u062a \u062f\u0631 \u062f\u0627\u062e\u0644 \u06a9\u062f \u0632\u0646\u062f\u06af\u06cc \u06a9\u0646\u062f <strong>\u0628\u0647 \u067e\u0634\u062a\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc frontend \u0634\u0645\u0627 \u0645\u062a\u0635\u0644 \u0645\u06cc \u0634\u0648\u062f<\/strong>.<\/p>\n<p>\u0646\u06a9\u062a\u0647 \u0627\u0635\u0644\u06cc \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0641\u0642\u0637 \u0627\u0632 \u06cc\u06a9 \u0645\u0624\u0644\u0641\u0647 \u0627\u0632 Builder SDK \u062f\u0631 \u067e\u0627\u06cc\u0647 \u06a9\u062f \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a \u06a9\u0647 \u0627\u0632 Vue\u060c Svelte\u060c React\u060c Angular\u060c Solid \u06cc\u0627 Qwik \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0648 \u0633\u067e\u0633 \u062f\u0631 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u0627\u0632 Next.js \u0628\u0627 Tailwind \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 (\u06cc\u0627 \u0633\u0627\u06cc\u062a) \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0631\u062e\u06cc \u0627\u0632 \u0627\u062c\u0632\u0627\u06cc \u06a9\u0627\u0631\u062a \u0639\u0645\u0648\u0645\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ src\/components\/card.tsx<\/span>\n\n<span class=\"k\">export<\/span> <span class=\"kd\">const<\/span> <span class=\"nx\">Card<\/span> <span class=\"o\">=<\/span> <span class=\"p\">({<\/span> <span class=\"nx\">text<\/span><span class=\"p\">,<\/span> <span class=\"nx\">title<\/span> <span class=\"p\">}:<\/span> <span class=\"p\">{<\/span> <span class=\"nl\">text<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">,<\/span> <span class=\"nx\">title<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">})<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"k\">return<\/span> <span class=\"p\">(<\/span>\n    <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">relative rounded-xl overflow-auto p-8<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n      <span class=\"o\">&lt;<\/span><span class=\"nx\">a<\/span>\n        <span class=\"nx\">href<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">#<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">group block max-w-xs mx-auto rounded-lg p-4 bg-white ring-1 ring-slate-900\/5 shadow-lg space-y-3 hover:bg-sky-500 hover:ring-sky-500<\/span><span class=\"dl\">\"<\/span>\n      <span class=\"o\">&gt;<\/span>\n        <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">flex items-center space-x-3<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n          <span class=\"o\">&lt;<\/span><span class=\"nx\">svg<\/span><span class=\"o\">&gt;<\/span><span class=\"p\">{<\/span><span class=\"cm\">\/* ... *\/<\/span><span class=\"p\">}<\/span><span class=\"o\">&lt;<\/span><span class=\"sr\">\/svg<\/span><span class=\"err\">&gt;\n<\/span>          <span class=\"o\">&lt;<\/span><span class=\"nx\">h3<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">text-sm text-slate-900 font-semibold group-hover:text-white<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n            <span class=\"p\">{<\/span><span class=\"nx\">title<\/span><span class=\"p\">}<\/span>  \n          <span class=\"o\">&lt;<\/span><span class=\"sr\">\/h3<\/span><span class=\"err\">&gt;\n<\/span>        <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>        <span class=\"o\">&lt;<\/span><span class=\"nx\">p<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">text-sm text-slate-500 group-hover:text-white<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n          <span class=\"p\">{<\/span><span class=\"nx\">text<\/span><span class=\"p\">}<\/span>\n        <span class=\"o\">&lt;<\/span><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"o\">&lt;<\/span><span class=\"sr\">\/a<\/span><span class=\"err\">&gt;\n<\/span>    <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>  <span class=\"p\">);<\/span>\n<span class=\"p\">};<\/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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\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>\u0648 \u0633\u067e\u0633 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0631\u0627 \u062f\u0631 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 Builder \u062b\u0628\u062a \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ [...page].tsx<\/span>\n\n<span class=\"c1\">\/\/ Register this component for use in the Visual Editor<\/span>\n<span class=\"nx\">Builder<\/span><span class=\"p\">.<\/span><span class=\"nx\">registerComponent<\/span><span class=\"p\">(<\/span><span class=\"nx\">Card<\/span><span class=\"p\">,{<\/span>\n  <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Card<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n  <span class=\"na\">inputs<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\n    <span class=\"c1\">\/\/ 'name' is the name of your prop<\/span>\n    <span class=\"p\">{<\/span> <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">text<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"na\">type<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">text<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n    <span class=\"p\">{<\/span> <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">title<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"na\">type<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">text<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n  <span class=\"p\">],<\/span>\n<span class=\"p\">)<\/span>\n\n<span class=\"c1\">\/\/ Fetch the builder content as JSON<\/span>\n<span class=\"k\">export<\/span> <span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nx\">getStaticProps<\/span><span class=\"p\">({<\/span> <span class=\"nx\">params<\/span> <span class=\"p\">})<\/span> <span class=\"p\">{<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">page<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nx\">builder<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">page<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">{<\/span> <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">\/<\/span><span class=\"dl\">'<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">params<\/span><span class=\"p\">.<\/span><span class=\"nx\">page<\/span><span class=\"p\">.<\/span><span class=\"nx\">join<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">\/<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span> <span class=\"p\">});<\/span>\n  <span class=\"k\">return<\/span> <span class=\"p\">{<\/span> <span class=\"na\">props<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">page<\/span> <span class=\"p\">}<\/span> <span class=\"p\">};<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Render the content dynamically<\/span>\n<span class=\"k\">export<\/span> <span class=\"k\">default<\/span> <span class=\"kd\">function<\/span> <span class=\"nx\">Page<\/span><span class=\"p\">({<\/span> <span class=\"nx\">page<\/span> <span class=\"p\">})<\/span> <span class=\"p\">{<\/span>\n  <span class=\"k\">return<\/span> <span class=\"o\">&lt;<\/span><span class=\"nx\">BuilderComponent<\/span> <span class=\"nx\">model<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">page<\/span><span class=\"dl\">\"<\/span> <span class=\"nx\">content<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nx\">page<\/span><span class=\"p\">}<\/span> <span class=\"sr\">\/&gt;<\/span><span class=\"err\">;\n<\/span><span class=\"p\">}<\/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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\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 \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062e\u0648\u062f \u0628\u06a9\u0634\u06cc\u062f \u0648 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/07\/1689594454_21_Visual-Headless-CMS-\u0628\u0627-\u0646\u0627\u0645-\u0645\u0633\u062a\u0639\u0627\u0631-Visual-CMS-\u0686\u06cc\u0633\u062a\u061f.jpeg\" alt=\"\u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0634\u0627\u062a \u06a9\u0647 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u0628\u0635\u0631\u06cc Builder \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.\" loading=\"lazy\" width=\"800\" height=\"284\" title=\"\"><\/p>\n<p>\u0627\u06cc\u0646 \u0647\u0645\u0627\u0646 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u0633\u062a.  \u0644\u0627\u06cc\u0647 \u0627\u06cc \u0628\u06cc\u0646 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0634\u0645\u0627 \u0648 \u06a9\u062f \u0638\u0627\u0647\u0631\u06cc \u0634\u0645\u0627.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/07\/Visual-Headless-CMS-\u0628\u0627-\u0646\u0627\u0645-\u0645\u0633\u062a\u0639\u0627\u0631-Visual-CMS-\u0686\u06cc\u0633\u062a\u061f.png\" alt=\"\u0646\u0645\u0648\u062f\u0627\u0631\u06cc \u0627\u0632 \u0645\u0639\u0645\u0627\u0631\u06cc CMS \u0628\u0635\u0631\u06cc \u0628\u062f\u0648\u0646 \u0633\u0631 Builder.\" loading=\"lazy\" width=\"500\" height=\"801\" title=\"\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%86%D8%AA%DB%8C%D8%AC%D9%87\"><\/span>\n<p>  \u0646\u062a\u06cc\u062c\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0632\u0627\u06cc\u0627\u06cc \u06cc\u06a9 CMS \u0648\u06cc\u0698\u0648\u0627\u0644 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646 \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0627\u0632\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u062f.  \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc\u0634\u0627\u0646 \u0622\u0632\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0631\u0648\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062d\u06cc\u0627\u062a\u06cc \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u0646\u062f.  \u06af\u0644\u0648\u06af\u0627\u0647 \u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0627\u0632 \u0628\u06cc\u0646 \u0645\u06cc \u0628\u0631\u062f \u0648 \u0631\u0634\u062f \u0631\u0627 \u0633\u0631\u0639\u062a \u0645\u06cc \u0628\u062e\u0634\u062f.  \u0628\u0647 \u0639\u0644\u0627\u0648\u0647\u060c \u0627\u0633\u062a\u0642\u0644\u0627\u0644 \u0648 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0631\u0627 \u062a\u0642\u0648\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0645\u0646\u062c\u0631 \u0628\u0647 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0634\u0627\u062f\u062a\u0631 \u0648 \u0633\u0627\u0632\u0646\u062f\u0647\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p>\u0627\u0645\u0627 \u0627\u06cc\u0646 \u0647\u0645\u0647 \u0645\u0627\u062c\u0631\u0627 \u0646\u06cc\u0633\u062a.  \u0648\u06cc\u0698\u0648\u0627\u0644 CMS \u0637\u06cc\u0641 \u0648\u0633\u06cc\u0639\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u067e\u0630\u06cc\u0631\u0634 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc \u0631\u0627 \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062a\u062c\u0631\u0628\u0647 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0633\u0637\u062d \u0628\u0627\u0644\u0627\u062a\u0631\u06cc \u0645\u06cc\u200c\u0628\u0631\u062f.  \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0622\u0646\u060c \u0622\u0632\u0645\u0627\u06cc\u0634 \u0648 \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc \u0627\u06cc\u062f\u0647\u200c\u0647\u0627\u06cc \u0634\u0645\u0627 \u06a9\u0627\u0631 \u0622\u0633\u0627\u0646\u06cc \u0627\u0633\u062a.  \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u062c\u0631\u0628\u06cc\u0627\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0641\u0631\u062f\u06cc \u0628\u0631 \u0627\u0633\u0627\u0633 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0648 \u062a\u062c\u0631\u0628\u06cc\u0627\u062a \u0639\u0627\u0644\u06cc \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f.<\/p>\n<p>\u0648 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0628\u062e\u0634\u061f  \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0628\u0627\u0632\u0646\u06af\u0631\u06cc \u06a9\u0644\u06cc \u0642\u0633\u0645\u062a \u062c\u0644\u0648\u06cc\u06cc \u06cc\u0627 \u0637\u0631\u062d\u0648\u0627\u0631\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u0646\u062f\u0627\u0631\u06cc\u062f.  \u06cc\u06a9 CMS \u0648\u06cc\u0698\u0648\u0627\u0644 \u0628\u0627 \u067e\u0634\u062a\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc \u0645\u0648\u062c\u0648\u062f \u0634\u0645\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0628\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u062f.  \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \u0637\u0631\u0627\u062d\u06cc \u0641\u0639\u0644\u06cc \u0648 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0645\u0624\u0644\u0641\u0647\u200c\u062a\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0647\u0631 \u0645\u0646\u0628\u0639 \u062f\u0627\u062f\u0647\u200c\u0627\u06cc \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\u060c \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u062f\u0631 Visual CMS \u0631\u0627 \u0628\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u0627\u0635\u0644\u06cc \u062e\u0648\u062f \u0645\u0646\u062a\u0642\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u062d\u0627\u0644\u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u062a \u0631\u0627 \u062a\u0635\u0648\u0631 \u06a9\u0646\u06cc\u062f.  \u06cc\u06a9 CMS \u0648\u06cc\u0698\u0648\u0627\u0644 \u0628\u0647 \u062a\u06cc\u0645 \u0634\u0645\u0627 \u0642\u062f\u0631\u062a \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u062e\u0644\u0627\u0642\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u0622\u0632\u0627\u062f \u06a9\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u06cc\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u06cc \u0627\u0633\u062a\u062b\u0646\u0627\u06cc\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u062f.  \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0642\u062f\u0631\u062a \u0631\u0627 \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062a\u062c\u0631\u0628\u0647 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0631\u0627 \u0645\u062a\u062d\u0648\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u06cc\u06a9 \u062c\u0647\u0634 \u0628\u0632\u0631\u06af \u0628\u0647 \u062c\u0644\u0648 \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc \u0633\u0627\u0632\u062f <strong>\u0631\u0627\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u06cc\u062f\u060c \u0633\u0631\u06cc\u0639\u062a\u0631 \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0627 \u0647\u0645 \u0628\u0633\u0627\u0632\u06cc\u062f<\/strong>.<\/p>\n<p>\u062d\u0627\u0644\u0627 \u0627\u06cc\u0646 \u06cc\u06a9 \u0628\u0631\u062f-\u0628\u0631\u062f \u062f\u0631 \u06a9\u062a\u0627\u0628 \u0645\u0646 \u0627\u0633\u062a!<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/07\/1689594454_146_Visual-Headless-CMS-\u0628\u0627-\u0646\u0627\u0645-\u0645\u0633\u062a\u0639\u0627\u0631-Visual-CMS-\u0686\u06cc\u0633\u062a\u061f.jpeg\" alt=\"\" loading=\"lazy\" width=\"405\" height=\"143\" title=\"\"><video loop=\"\" controls=\"\"><br \/><source src=\"https:\/\/cdn.builder.io\/o\/assets%2FYJIGb4i01jvw0SRdL5Bt%2F77cc5249f71948568195e7314bcc5766%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&amp;token=77cc5249f71948568195e7314bcc5766&amp;alt=media&amp;optimized=true\" type=\"video\/mp4\"><br \/><\/source><\/video><\/p>\n<p>\u0628\u0635\u0631\u06cc \u0628\u0627 \u0627\u062c\u0632\u0627\u06cc \u062e\u0648\u062f \u0628\u0633\u0627\u0632\u06cc\u062f<\/p>\n<p>Builder.io \u06cc\u06a9 CMS \u0628\u062f\u0648\u0646 \u0647\u062f \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0628\u0627 \u0622\u0646 \u0628\u06a9\u0634\u06cc\u062f \u0648 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f <strong>\u0634\u0645\u0627<\/strong> \u0627\u062c\u0632\u0627\u06cc \u062f\u0631\u0633\u062a \u062f\u0631 \u0633\u0627\u06cc\u062a \u0645\u0648\u062c\u0648\u062f \u0634\u0645\u0627<\/p>\n<p>\u0622\u0646 \u0631\u0627 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f \u0628\u06cc\u0634\u062a\u0631 \u0628\u062f\u0627\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Dynamically render your components<\/span>\n<span class=\"k\">export<\/span> <span class=\"kd\">function<\/span> <span class=\"nx\">MyPage<\/span><span class=\"p\">({<\/span> <span class=\"nx\">json<\/span> <span class=\"p\">})<\/span> <span class=\"p\">{<\/span>\n  <span class=\"k\">return<\/span> <span class=\"o\">&lt;<\/span><span class=\"nx\">BuilderComponent<\/span> <span class=\"nx\">content<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nx\">json<\/span><span class=\"p\">}<\/span> <span class=\"sr\">\/<\/span><span class=\"err\">&gt;\n<\/span><span class=\"p\">}<\/span>\n\n<span class=\"nx\">registerComponents<\/span><span class=\"p\">([<\/span><span class=\"nx\">MyHero<\/span><span class=\"p\">,<\/span> <span class=\"nx\">MyProducts<\/span><span class=\"p\">])<\/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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\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<h5><span class=\"ez-toc-section\" id=\"%D9%BE%D8%B3%D8%AA_%DA%A9%D8%A7%D9%85%D9%84_%D8%B1%D8%A7_%D8%AF%D8%B1_%D9%88%D8%A8%D9%84%D8%A7%DA%AF_Builderio_%D8%A8%D8%AE%D9%88%D8%A7%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  <em>\u067e\u0633\u062a \u06a9\u0627\u0645\u0644 \u0631\u0627 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af Builder.io \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/em><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u06cc\u0646 \u067e\u0633\u062a \u062f\u0631 \u0645\u0648\u0631\u062f \u06cc\u06a9 \u0645\u0641\u0647\u0648\u0645 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0647 \u0646\u0627\u0645 Headless Visual CMS \u06cc\u0627 Headless Visual Management Content System \u0628\u062d\u062b \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f. \u0627\u06cc\u0646 CMS \u0645\u0639\u0645\u0648\u0644\u06cc \u0634\u0645\u0627 \u0646\u06cc\u0633\u062a. \u0645\u0646\u0638\u0648\u0631 \u0645\u0627 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f WordPress\u060c Joomla\u060c Drupal\u060c Sanity.io\u060c Contentful \u06cc\u0627 \u0647\u0631 \u0686\u06cc\u0632 \u062f\u06cc\u06af\u0631\u06cc \u0646\u06cc\u0633\u062a. \u062f\u0631 \u0639\u0648\u0636\u060c \u0645\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u062a\u0644\u0641\u06cc\u0642\u06cc \u0627\u0632 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc CMS \u0628\u062f\u0648\u0646 \u0647\u062f \u0648 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":30781,"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-30780","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\/30780","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=30780"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/30780\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/30781"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=30780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=30780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=30780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}