[{"data":1,"prerenderedAt":872},["ShallowReactive",2],{"header-nav":3,"footer-primary":155,"footer-secondary":232,"footer-description":258,"header-nav-data":260,"github-stars":262,"8f849cd0-a47b-4e32-bb19-b478973c90f7":366,"dfd79d2b-7af5-4cdb-aa94-3f73de97ebd8":372,"74634853-196b-4ce3-b256-4534c054838f":379,"site-banner":408,"358b0659-1f05-4427-bd1c-4bc03a43c182":412,"9df3f40e-6272-4ec6-a0d7-cc29265e087c":419,"1b444c23-b593-4391-9410-4ca5d2c7a7cb":423,"/solutions/backend-as-a-service":426,"f8dc1153-9df8-4ccc-8f2a-de1416a40368":521,"87728828-41e9-4d40-afd8-a5cba1082e9d":552,"dcd38bca-c6ef-49ec-b555-455ec3105599":556,"e4975cac-d363-49ff-8ab2-3f98247ddd9a":560,"33abdfc1-8c57-4abe-81b3-233d2ffee13e":566,"eb2c6106-6d3a-4525-b93c-84228c559d19":572,"f275b8ec-ab2b-45ca-be56-21cff9981244":586,"48e70f93-953a-4c81-ba94-b920d5c965ac":596,"ecc1e581-0969-4d24-aab9-592f75119594":610,"8ce2ec0c-b939-4cb1-b4dc-8366618b9625":617,"3b8c2ced-9179-452f-b332-30057ad6d6e7":622,"9c677ae9-42e3-45f1-87fd-7dd3f60b7843":628,"bfc25c0b-2a20-4e67-bfd3-f85983a97695":632,"978f0037-6b53-48be-974d-0746f7f0721b":644,"5ee43f87-5c3a-435c-b84b-d512d723bbe5":648,"e3295a30-980e-4557-abb0-3b8b3ee9557a":667,"f168cfab-7da7-4891-ac2e-606341ff9240":679,"65acc52f-5709-4b2b-9b1c-51d38c1bc839":687,"1ebf4e18-ae19-40d3-90b1-690f20926e3d":695,"532e4db3-49b3-4cc3-8e3b-18918d7e57da":705,"375632da-487f-491b-b919-8ac37ca2dfa7":709,"e8ef6a9c-35c1-40b1-85a3-cb598ac6ae34":713,"2b79bdb9-2249-41b7-8de8-535049fd4797":716,"6bb7cdd3-29f6-490d-8028-27a2abfc34e2":720,"a883baef-0ce3-4f97-a2ca-4b85e2769b97":725,"1f26bcf4-6864-4422-9514-b71809b8b5b1":729,"1bd34974-4190-4eeb-b5ed-dc2bf0a7f8e8":734,"f086e754-3f31-4dae-90bf-ba48834dc64e":739,"2a920dd8-e383-423d-b507-de26b7645c14":743,"779b47cf-47aa-4091-9abf-05983083ea01":746,"d41b2573-6097-4ff1-a915-cffb38f738f8":749,"3553e43f-d4c0-409e-92fe-18455e5522f2":763,"b58f9ccd-013a-440d-bd11-d563ce49ce56":772,"88e2c147-7c6e-4844-a48b-47d8f304339d":775,"8dba05f2-93a4-4030-9f1a-438d4a6cdecc":781,"d70f5c38-38fa-4e68-b4d5-01e1f3243d77":786,"code-highlighterfetch-items":792,"code-highlightercreate-an-item":794,"code-highlighterauthentication":796,"code-highlighterrealtime-subscriptions":798,"code-highlighterread-items":800,"e2bf8610-deef-41d3-9ac3-6e6bb1328b8e":802,"bac2fb1b-b491-4f97-b35e-50344569ed2c":806,"6d11de59-f967-4d15-8258-48c49d345ca2":811,"c6c03396-c502-4beb-b62b-d2eb61554242":816,"30f507cf-45cf-451a-94b5-60ba397ea400":820,"d5afa3f4-bb4e-45b4-8e8d-e1e884d97eed":824,"602d7dab-ef5f-466f-9177-f1e064d5465c":828,"d9a7b0f0-21bb-40f8-a29b-3a704737c7d6":832,"81eb3a33-b108-43bf-9fd4-390e86b59d6e":836,"9c6ea5cd-5d9c-49b0-8b5d-00bf5bf3b26f":840,"e9218290-a4e8-49aa-ada0-44520b688722":844,"a988ff9c-268b-41a5-b557-2312c75ea757":847,"3e15c772-04db-40df-b8e8-7883f385254d":851,"ff7b87a3-b275-424f-b36f-01f26ddbc394":860,"43fb6dba-cd4b-4f8b-8ae7-18745b968f07":863,"838c5e49-5c93-40f8-93e6-191aa1ad7e2f":866,"71e0a8a6-a848-4169-8e30-8e99d00fd927":869},{"items":4},[5,74,136,141,148],{"id":6,"title":7,"url":8,"callout":9,"callout_title":10,"children_title":11,"page":8,"children":12},"62c04c6c-5793-4702-8ed1-73dd563fd605","Product",null,"8f849cd0-a47b-4e32-bb19-b478973c90f7","Project Showcase","Use Cases and Features",[13,21,29,37,43,51,59,67],{"id":14,"title":15,"url":16,"description":17,"image":8,"icon":18,"page":19},"e7d7d5ed-89b1-4455-8b4a-8ae92c70e3a0","Headless CMS","/solutions/headless-cms/","Manage and deliver content with ease","code_blocks",{"permalink":20},"/solutions/headless-cms",{"id":22,"title":23,"url":24,"description":25,"image":8,"icon":26,"page":27},"60bdefd9-95e6-45a3-9f81-4748d07c59d3","Backend-as-a-Service","/solutions/backend-as-a-service/","Build and ship applications faster","speed",{"permalink":28},"/solutions/backend-as-a-service",{"id":30,"title":31,"url":32,"description":33,"image":8,"icon":34,"page":35},"5f9aebeb-4f89-445e-9850-5b1261a2743c","Headless Commerce","/solutions/product-information-management/","A single source of truth for products","shopping_cart_checkout",{"permalink":36},"/solutions/product-information-management",{"id":38,"title":39,"url":40,"description":41,"image":8,"icon":42,"page":8},"49e46134-80be-470e-8c73-afb1417fa9b6","100+ More Use Cases","https://directus.io/blog/100-tools-apps-and-platforms-you-can-build-with-directus","Build anything (or everything)","lightbulb",{"id":44,"title":45,"url":46,"description":47,"image":8,"icon":48,"page":49},"a589ac77-a5ce-45c5-a054-e43111e19158","Instant APIs","/products/connect/","Connect a database, get REST + GraphQL APIs","api",{"permalink":50},"/toolkit/connect",{"id":52,"title":53,"url":54,"description":55,"image":8,"icon":56,"page":57},"4a0f129a-c546-4493-b0a9-306e51692e90","Granular Policy-Based Auth","/products/auth/","Provide secure, autonomous data access","lock_person",{"permalink":58},"/toolkit/auth",{"id":60,"title":61,"url":62,"description":63,"image":8,"icon":64,"page":65},"f9250f2c-93a4-4108-80db-011bbe391ecf","Visual Automation Builder","/products/automate/","Automate content and data workflows with ease","build",{"permalink":66},"/toolkit/automate",{"id":68,"title":69,"url":8,"description":70,"image":8,"icon":71,"page":72},"f1ae4e40-5b05-42a4-9cd3-33dda35cc939","50+ More Features","Get everything you need out-of-the-box","auto_fix",{"permalink":73},"/features",{"id":75,"title":76,"url":8,"callout":77,"callout_title":78,"children_title":79,"page":8,"children":80},"2f6ad0d1-6dd3-4f17-b5c8-9f2abf71409a","Resources","dfd79d2b-7af5-4cdb-aa94-3f73de97ebd8","Watch Directus TV","Learn More",[81,88,96,102,109,116,122,129],{"id":82,"title":83,"url":84,"description":85,"image":8,"icon":86,"page":87},"0a3bf9f5-1ef2-43f4-bc09-7ff7488241c5","Blog","/blog","Read our latest articles and guides","library_books",{"permalink":84},{"id":89,"title":90,"url":91,"description":92,"image":8,"icon":93,"page":94},"165e3dc2-e51b-4456-8382-99c5775b0412","Case Studies","#","Case studies and success stories","magic_button",{"permalink":95},"/case-studies",{"id":97,"title":98,"url":99,"description":100,"image":8,"icon":101,"page":8},"5ae324b6-bf44-4c21-95ad-e6dc0c1c1f40","Community Forum","https://community.directus.io/","Questions and conversations","comment",{"id":103,"title":104,"url":91,"description":105,"image":8,"icon":106,"page":107},"b1db03f0-e537-490e-8c0f-c61c401d1024","Agency Directory","Browse our list of agency partners ","handshake",{"permalink":108},"/agency-directory",{"id":110,"title":111,"url":112,"description":113,"image":8,"icon":114,"page":115},"991731c8-eb40-4eec-85a5-6e977bcd7ec9","About Us","/about","Learn more about Directus and the team","supervised_user_circle",{"permalink":112},{"id":117,"title":118,"url":119,"description":120,"image":8,"icon":121,"page":8},"52aebf38-b3ad-4a27-807d-ce52398cd509","Wall of Love","https://testimonial.to/directus/all","See what others are saying about us","heart_plus",{"id":123,"title":124,"url":91,"description":125,"image":8,"icon":126,"page":127},"a86eca65-d5ae-4263-b7d9-4f1a1c50a0b1","Contact","Have a general inquiry or question for us?","mark_email_unread",{"permalink":128},"/contact",{"id":130,"title":131,"url":8,"description":132,"image":8,"icon":133,"page":134},"28225825-8d41-4809-9032-192fbf5c6e5d","Support","Reach out to Directus support","support",{"permalink":135},"/support",{"id":137,"title":138,"url":139,"callout":8,"callout_title":8,"children_title":8,"page":8,"children":140},"a3f1275d-b088-4b11-99bf-143fcbf39104","Developers","/docs",[],{"id":142,"title":143,"url":144,"callout":8,"callout_title":8,"children_title":8,"page":145,"children":147},"fae8fded-d2e2-468e-a68b-82abec7a7225","Enterprise","/solutions/enterprise/",{"permalink":146},"/solutions/enterprise",[],{"id":149,"title":150,"url":151,"callout":8,"callout_title":8,"children_title":8,"page":152,"children":154},"5c5e2fbc-49fd-4e41-a71e-e4f8db2b00cf","Pricing","/pricing/",{"permalink":153},"/pricing/self-hosted",[],{"items":156},[157,174,193,212],{"id":158,"title":159,"url":8,"page":8,"children":160},"522e608a-77b0-4333-820d-d4f44be2ade1","Solutions",[161,164,167,171],{"id":162,"title":15,"url":8,"page":163},"fcafe85a-a798-4710-9e7a-776fe413aae5",{"permalink":20},{"id":165,"title":23,"url":8,"page":166},"79972923-93cf-4777-9e32-5c9b0315fc10",{"permalink":28},{"id":168,"title":169,"url":8,"page":170},"0fa8d0c1-7b64-4f6f-939d-d7fdb99fc407","Product Information",{"permalink":36},{"id":172,"title":173,"url":40,"page":8},"63946d54-6052-4780-8ff4-91f5a9931dcc","100+ Things to Build",{"id":175,"title":76,"url":8,"page":8,"children":176},"8ab4f9b1-f3e2-44d6-919b-011d91fe072f",[177,181,185,189],{"id":178,"title":179,"url":180,"page":8},"f951fb84-8777-4b84-9e91-996fe9d25483","Documentation","https://docs.directus.io",{"id":182,"title":183,"url":184,"page":8},"366febc7-a538-4c08-a326-e6204957f1e3","Guides","https://docs.directus.io/guides/",{"id":186,"title":187,"url":188,"page":8},"aeb9128e-1c5f-417f-863c-2449416433cd","Community","https://directus.chat",{"id":190,"title":191,"url":192,"page":8},"da1c2ed8-0a77-49b0-a903-49c56cb07de5","Release Notes","https://github.com/directus/directus/releases",{"id":194,"title":131,"url":8,"page":8,"children":195},"d61fae8c-7502-494a-822f-19ecff3d0256",[196,200,204,208],{"id":197,"title":198,"url":199,"page":8},"8c43c781-7ebd-475f-a931-747e293c0a88","Issue Tracker","https://github.com/directus/directus/issues",{"id":201,"title":202,"url":203,"page":8},"d77bb78e-cf7b-4e01-932a-514414ba49d3","Feature Requests","https://github.com/directus/directus/discussions?discussions_q=is:open+sort:top",{"id":205,"title":206,"url":207,"page":8},"4346be2b-2c53-476e-b53b-becacec626a6","Community Chat","https://discord.com/channels/725371605378924594/741317677397704757",{"id":209,"title":210,"url":211,"page":8},"26c115d2-49f7-4edc-935e-d37d427fb89d","Cloud Dashboard","https://directus.cloud",{"id":213,"title":214,"url":8,"page":8,"children":215},"49141403-4f20-44ac-8453-25ace1265812","Organization",[216,220,225,229],{"id":217,"title":218,"url":112,"page":219},"1f36ea92-8a5e-47c8-914c-9822a8b9538a","About",{"permalink":112},{"id":221,"title":222,"url":91,"page":223},"b84bf525-5471-4b14-a93c-225f6c386005","Careers",{"permalink":224},"/careers",{"id":226,"title":227,"url":228,"page":8},"86aabc3a-433d-434b-9efa-ad1d34be0a34","Brand Assets","https://drive.google.com/drive/folders/1lBOTba4RaA5ikqOn8Ewo4RYzD0XcymG9?usp=sharing",{"id":230,"title":124,"url":8,"page":231},"8d2fa1e3-198e-4405-81e1-2ceb858bc237",{"permalink":128},{"items":233},[234,240,246,252],{"id":235,"title":236,"url":8,"page":237,"children":239},"8a1b7bfa-429d-4ffc-a650-2a5fdcf356da","Cloud Policies",{"permalink":238},"/cloud-policies",[],{"id":241,"title":242,"url":91,"page":243,"children":245},"bea848ef-828f-4306-8017-6b00ec5d4a0c","License",{"permalink":244},"/bsl",[],{"id":247,"title":248,"url":91,"page":249,"children":251},"4e914f47-4bee-42b7-b445-3119ee4196ef","Terms",{"permalink":250},"/terms",[],{"id":253,"title":254,"url":91,"page":255,"children":257},"ea69eda6-d317-4981-8421-fcabb1826bfd","Privacy",{"permalink":256},"/privacy",[],{"description":259},"\u003Cp>A composable backend to build your Headless CMS, BaaS, and more. \u003C/p>",{"header_cta_buttons":261},"74634853-196b-4ce3-b256-4534c054838f",{"id":263,"node_id":264,"name":265,"full_name":266,"private":267,"owner":268,"html_url":285,"description":286,"fork":267,"url":287,"forks_url":288,"keys_url":289,"collaborators_url":290,"teams_url":291,"hooks_url":292,"issue_events_url":293,"events_url":294,"assignees_url":295,"branches_url":296,"tags_url":297,"blobs_url":298,"git_tags_url":299,"git_refs_url":300,"trees_url":301,"statuses_url":302,"languages_url":303,"stargazers_url":304,"contributors_url":305,"subscribers_url":306,"subscription_url":307,"commits_url":308,"git_commits_url":309,"comments_url":310,"issue_comment_url":311,"contents_url":312,"compare_url":313,"merges_url":314,"archive_url":315,"downloads_url":316,"issues_url":317,"pulls_url":318,"milestones_url":319,"notifications_url":320,"labels_url":321,"releases_url":322,"deployments_url":323,"created_at":324,"updated_at":325,"pushed_at":326,"git_url":327,"ssh_url":328,"clone_url":329,"svn_url":285,"homepage":330,"size":331,"stargazers_count":332,"watchers_count":332,"language":333,"has_issues":334,"has_projects":334,"has_downloads":334,"has_wiki":267,"has_pages":267,"has_discussions":334,"forks_count":335,"mirror_url":8,"archived":267,"disabled":267,"open_issues_count":336,"license":337,"allow_forking":334,"is_template":267,"web_commit_signoff_required":267,"has_pull_requests":334,"pull_request_creation_policy":342,"topics":343,"visibility":284,"forks":335,"open_issues":336,"watchers":332,"default_branch":362,"temp_clone_token":8,"custom_properties":363,"organization":364,"network_count":335,"subscribers_count":365},7122594,"MDEwOlJlcG9zaXRvcnk3MTIyNTk0","directus","directus/directus",false,{"login":265,"id":269,"node_id":270,"avatar_url":271,"gravatar_id":272,"url":273,"html_url":274,"followers_url":275,"following_url":276,"gists_url":277,"starred_url":278,"subscriptions_url":279,"organizations_url":280,"repos_url":281,"events_url":282,"received_events_url":283,"type":214,"user_view_type":284,"site_admin":267},15967950,"MDEyOk9yZ2FuaXphdGlvbjE1OTY3OTUw","https://avatars.githubusercontent.com/u/15967950?v=4","","https://api.github.com/users/directus","https://github.com/directus","https://api.github.com/users/directus/followers","https://api.github.com/users/directus/following{/other_user}","https://api.github.com/users/directus/gists{/gist_id}","https://api.github.com/users/directus/starred{/owner}{/repo}","https://api.github.com/users/directus/subscriptions","https://api.github.com/users/directus/orgs","https://api.github.com/users/directus/repos","https://api.github.com/users/directus/events{/privacy}","https://api.github.com/users/directus/received_events","public","https://github.com/directus/directus","The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.","https://api.github.com/repos/directus/directus","https://api.github.com/repos/directus/directus/forks","https://api.github.com/repos/directus/directus/keys{/key_id}","https://api.github.com/repos/directus/directus/collaborators{/collaborator}","https://api.github.com/repos/directus/directus/teams","https://api.github.com/repos/directus/directus/hooks","https://api.github.com/repos/directus/directus/issues/events{/number}","https://api.github.com/repos/directus/directus/events","https://api.github.com/repos/directus/directus/assignees{/user}","https://api.github.com/repos/directus/directus/branches{/branch}","https://api.github.com/repos/directus/directus/tags","https://api.github.com/repos/directus/directus/git/blobs{/sha}","https://api.github.com/repos/directus/directus/git/tags{/sha}","https://api.github.com/repos/directus/directus/git/refs{/sha}","https://api.github.com/repos/directus/directus/git/trees{/sha}","https://api.github.com/repos/directus/directus/statuses/{sha}","https://api.github.com/repos/directus/directus/languages","https://api.github.com/repos/directus/directus/stargazers","https://api.github.com/repos/directus/directus/contributors","https://api.github.com/repos/directus/directus/subscribers","https://api.github.com/repos/directus/directus/subscription","https://api.github.com/repos/directus/directus/commits{/sha}","https://api.github.com/repos/directus/directus/git/commits{/sha}","https://api.github.com/repos/directus/directus/comments{/number}","https://api.github.com/repos/directus/directus/issues/comments{/number}","https://api.github.com/repos/directus/directus/contents/{+path}","https://api.github.com/repos/directus/directus/compare/{base}...{head}","https://api.github.com/repos/directus/directus/merges","https://api.github.com/repos/directus/directus/{archive_format}{/ref}","https://api.github.com/repos/directus/directus/downloads","https://api.github.com/repos/directus/directus/issues{/number}","https://api.github.com/repos/directus/directus/pulls{/number}","https://api.github.com/repos/directus/directus/milestones{/number}","https://api.github.com/repos/directus/directus/notifications{?since,all,participating}","https://api.github.com/repos/directus/directus/labels{/name}","https://api.github.com/repos/directus/directus/releases{/id}","https://api.github.com/repos/directus/directus/deployments","2012-12-12T01:35:36Z","2026-03-18T14:36:38Z","2026-03-18T15:43:33Z","git://github.com/directus/directus.git","git@github.com:directus/directus.git","https://github.com/directus/directus.git","https://directus.io",438225,34516,"TypeScript",true,4638,385,{"key":338,"name":339,"spdx_id":340,"url":8,"node_id":341},"other","Other","NOASSERTION","MDc6TGljZW5zZTA=","all",[48,344,345,346,347,348,265,349,350,351,352,353,354,355,356,357,358,359,360,361],"app","cms","composable","data-visualization","database","graphql","headless-cms","javascript","mariadb","mssql","mysql","no-code","node","postgresql","sql","sqlite","typescript","vue","main",{},{"login":265,"id":269,"node_id":270,"avatar_url":271,"gravatar_id":272,"url":273,"html_url":274,"followers_url":275,"following_url":276,"gists_url":277,"starred_url":278,"subscriptions_url":279,"organizations_url":280,"repos_url":281,"events_url":282,"received_events_url":283,"type":214,"user_view_type":284,"site_admin":267},326,{"id":9,"title":367,"description":368,"image":369,"external_url":8,"icon":8,"badge":8,"page":370,"resource":8},"Built With Directus","See what everyone's been building with Directus","e658de72-fb08-4ed2-8029-215c712c789e",{"permalink":371},"/built-with-directus",{"id":77,"title":373,"description":374,"image":375,"external_url":376,"icon":377,"badge":378,"page":8,"resource":8},"Directus TV","Go down the rabbit hole with hours of original video content from our team. ","ab70faf5-fc28-4608-a7e7-74fd4f020a9d","/tv","connected_tv","Video",{"alignment":380,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":382,"buttons":385,"variants":395},"center","default",{"id":383,"key":384,"experiment":8},"8c4951b4-a6f9-4c06-9f71-fd39a3bdad1e","control",[386,389,392],{"id":387,"block_button_id":388},15,"358b0659-1f05-4427-bd1c-4bc03a43c182",{"id":390,"block_button_id":391},16,"9df3f40e-6272-4ec6-a0d7-cc29265e087c",{"id":393,"block_button_id":394},232,"1b444c23-b593-4391-9410-4ca5d2c7a7cb",[396],{"id":397,"alignment":380,"style":381,"buttons":398,"experiment_variant":405},"e1885d45-3119-41a3-8294-3cd796ea6f02",[399,402],{"id":400,"block_button_id":401},203,"ade37731-147d-48c4-864a-cec007576362",{"id":403,"block_button_id":404},202,"1cb4e89f-f7de-4b46-bbb8-080191517a72",{"id":406,"key":407},"66d2be4f-2492-4944-8060-039c15515918","variant",{"id":409,"icon":377,"content":410,"link":411},"812bf73d-ebfb-4246-9538-937a09a0c795","Learn more about our native MCP","https://directus.io/mcp",{"id":388,"external_url":8,"label":413,"color":414,"outline":267,"icon":8,"size":415,"target":416,"ph_event":8,"page":417,"resource":8},"Book a Demo","primary","medium","_self",{"permalink":418},"/demo",{"id":391,"external_url":420,"label":421,"color":422,"outline":267,"icon":8,"size":415,"target":416,"ph_event":8,"page":8,"resource":8},"https://directus.cloud/account/register","Get Started","secondary",{"id":394,"external_url":211,"label":424,"color":422,"outline":334,"icon":425,"size":415,"target":416,"ph_event":8,"page":8,"resource":8},"Log In","arrow_forward",{"title":23,"spacing_top":427,"id":428,"layout":8,"blocks":429,"seo":518},"normal","0d226312-af0e-44d3-8516-1e851486e0f5",[430,437,442,448,452,457,463,467,471,476,480,484,488,493,496,500,505,509,513],{"id":431,"background":432,"collection":433,"item":434,"negative_offset":267,"spacing":415,"sort":435,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},340,"pristine-white","block_header","e4975cac-d363-49ff-8ab2-3f98247ddd9a",1,"standard",{"id":438,"background":432,"collection":439,"item":440,"negative_offset":267,"spacing":415,"sort":441,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},52,"block_media","ecc1e581-0969-4d24-aab9-592f75119594",2,{"id":443,"background":432,"collection":444,"item":445,"negative_offset":267,"spacing":415,"sort":446,"width":447,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},110,"block_logocloud","f8dc1153-9df8-4ccc-8f2a-de1416a40368",3,"full",{"id":449,"background":432,"collection":433,"item":450,"negative_offset":267,"spacing":415,"sort":451,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},51,"dcd38bca-c6ef-49ec-b555-455ec3105599",4,{"id":453,"background":432,"collection":454,"item":455,"negative_offset":267,"spacing":415,"sort":456,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},112,"block_columns","48e70f93-953a-4c81-ba94-b920d5c965ac",5,{"id":458,"background":432,"collection":459,"item":460,"negative_offset":267,"spacing":461,"sort":462,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},367,"block_quote","33abdfc1-8c57-4abe-81b3-233d2ffee13e","x-large",6,{"id":464,"background":432,"collection":433,"item":465,"negative_offset":267,"spacing":415,"sort":466,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},50,"87728828-41e9-4d40-afd8-a5cba1082e9d",7,{"id":468,"background":432,"collection":454,"item":469,"negative_offset":267,"spacing":415,"sort":470,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},113,"eb2c6106-6d3a-4525-b93c-84228c559d19",8,{"id":472,"background":432,"collection":473,"item":474,"negative_offset":267,"spacing":461,"sort":475,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},158,"block_card_group","f275b8ec-ab2b-45ca-be56-21cff9981244",9,{"id":477,"background":432,"collection":454,"item":478,"negative_offset":267,"spacing":415,"sort":479,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},194,"e3295a30-980e-4557-abb0-3b8b3ee9557a",10,{"id":481,"background":432,"collection":473,"item":482,"negative_offset":267,"spacing":461,"sort":483,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},216,"65acc52f-5709-4b2b-9b1c-51d38c1bc839",11,{"id":485,"background":432,"collection":454,"item":486,"negative_offset":267,"spacing":415,"sort":487,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},223,"bfc25c0b-2a20-4e67-bfd3-f85983a97695",12,{"id":489,"background":432,"collection":473,"item":490,"negative_offset":267,"spacing":491,"sort":492,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},226,"f168cfab-7da7-4891-ac2e-606341ff9240","large",13,{"id":494,"background":432,"collection":459,"item":495,"negative_offset":267,"spacing":415,"sort":387,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},369,"3b8c2ced-9179-452f-b332-30057ad6d6e7",{"id":497,"background":498,"collection":433,"item":499,"negative_offset":267,"spacing":415,"sort":390,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},48,"colorful","9c677ae9-42e3-45f1-87fd-7dd3f60b7843",{"id":501,"background":498,"collection":502,"item":503,"negative_offset":267,"spacing":415,"sort":504,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},304,"block_showcase","5ee43f87-5c3a-435c-b84b-d512d723bbe5",17,{"id":506,"background":432,"collection":433,"item":507,"negative_offset":267,"spacing":415,"sort":508,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},43,"978f0037-6b53-48be-974d-0746f7f0721b",18,{"id":510,"background":432,"collection":473,"item":511,"negative_offset":267,"spacing":415,"sort":512,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},305,"1ebf4e18-ae19-40d3-90b1-690f20926e3d",19,{"id":514,"background":432,"collection":515,"item":516,"negative_offset":267,"spacing":415,"sort":517,"width":436,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},453,"block_paper","8ce2ec0c-b939-4cb1-b4dc-8366618b9625",21,{"title":519,"meta_description":520,"no_follow":267,"no_index":267,"canonical_url":8,"json_ld":8},"BaaS | Build faster and focus on the frontend","Get ready-made REST and GraphQL APIs, seamless integrations, and superior scalability with Directus as your BaaS.",{"type":522,"logos":523},"ticker",[524,528,532,536,540,544,548],{"id":525,"title":8,"external_url":8,"directus_files_id":526,"resource":8,"page":8},138,{"id":527,"description":8},"7e405c42-66b6-44c1-8d97-a872d7bddafe",{"id":529,"title":8,"external_url":8,"directus_files_id":530,"resource":8,"page":8},139,{"id":531,"description":8},"96b90a46-59dd-4246-b7ca-aa8cfbb6ccc9",{"id":533,"title":8,"external_url":8,"directus_files_id":534,"resource":8,"page":8},140,{"id":535,"description":8},"aa0efb8e-6af4-462d-8d65-a4eafb01cd33",{"id":537,"title":8,"external_url":8,"directus_files_id":538,"resource":8,"page":8},141,{"id":539,"description":8},"6b9a3fbf-7af0-4e77-a6fb-faea5f30dd0e",{"id":541,"title":8,"external_url":8,"directus_files_id":542,"resource":8,"page":8},144,{"id":543,"description":8},"92c8b1fc-64f1-45ee-978a-f11bb7aa239f",{"id":545,"title":8,"external_url":8,"directus_files_id":546,"resource":8,"page":8},145,{"id":547,"description":8},"34e2c465-e1a1-49c1-8d5a-820f94e7ca97",{"id":549,"title":8,"external_url":8,"directus_files_id":550,"resource":8,"page":8},146,{"id":551,"description":8},"004b69ef-9da3-4579-8fec-1b819c62e10a",{"id":465,"preheading":8,"heading":553,"subheading":554,"alignment":380,"heading_size":8,"heading_tag":8,"button_group":8,"subheading_color":555,"subheading_type":381,"command":8},"A robust BaaS developer toolkit.\u003Cbr>\u003Cem>Out-of-the-box.\u003C/em>","\u003Cp>Connect your favorite frameworks or use our powerful built-in tools to build the perfect backend that your project needs.\u003C/p>","subdued",{"id":450,"preheading":8,"heading":557,"subheading":558,"alignment":380,"heading_size":491,"heading_tag":559,"button_group":8,"subheading_color":555,"subheading_type":381,"command":8},"A powerful BaaS so you can \u003Cem>focus on the frontend. \u003C/em>","\u003Cp>Free yourself up to create amazing experiences, not boring boilerplate. Directus handles API creation, security, and scalability so you don’t have to.\u003C/p>","h2",{"id":434,"preheading":23,"heading":561,"subheading":562,"alignment":380,"heading_size":461,"heading_tag":563,"button_group":564,"subheading_color":555,"subheading_type":565,"command":8},"Build faster with \u003Cem>BaaS\u003C/em> for your data. ","\u003Cdiv class=\"block-container\" data-v-ac819787=\"\" data-v-a9cbf387=\"\">\n\u003Cdiv class=\"header align-left size-title\" data-v-fcd0fa94=\"\" data-v-ac819787=\"\">\n\u003Cdiv class=\"base-text-container text\" data-v-352d22ca=\"\" data-v-fcd0fa94=\"\">\n\u003Cdiv class=\"base-text align-start size-large type-default color-subdued\" data-v-352d22ca=\"\">\n\u003Cp>Say goodbye to hours wasted on maintenance and hello to blazing fast app development.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>","h1","1f26bcf4-6864-4422-9514-b71809b8b5b1","subtext",{"id":460,"company_logo":567,"person_image":568,"person_name":569,"person_title":570,"quote":571,"button":8},"08c9cefe-b37a-4bb2-8d5c-db1622d0cdc4","484dc02e-b8e0-40fb-a22e-e6b8acfe27a2","Josias Yahse Koffi","React Developer, La Voix du Nord","\u003Cp>Directus is a major ally for any developer wishing to quickly create robust and scalable applications without giving up the flexibility and power of a complete backend.\u003C/p>",{"id":469,"layout":573,"col_a":574,"col_b":578},"2-1",[575],{"id":576,"collection":439,"item":577},"c61f9639-0875-4620-bda0-e4f2e359aa69","6bb7cdd3-29f6-490d-8028-27a2abfc34e2",[579,582],{"id":580,"collection":433,"item":581},"61cfcbb4-8538-48ce-9257-e5877619e5fa","e8ef6a9c-35c1-40b1-85a3-cb598ac6ae34",{"id":583,"collection":584,"item":585},"c69d5b72-6b32-4813-bae4-c7a7fe3fe723","block_button_group","1bd34974-4190-4eeb-b5ed-dc2bf0a7f8e8",{"id":474,"stacked":267,"icon_color":414,"style":587,"grid":588,"title_size":415,"icon_size":415,"cards":589},"icon-above-title","3",[590,592,594],{"block_card_id":591},"2b79bdb9-2249-41b7-8de8-535049fd4797",{"block_card_id":593},"a883baef-0ce3-4f97-a2ca-4b85e2769b97",{"block_card_id":595},"375632da-487f-491b-b919-8ac37ca2dfa7",{"id":455,"layout":597,"col_a":598,"col_b":605},"1-2",[599,602],{"id":600,"collection":433,"item":601},"23f56868-7d6d-4fa6-978b-bacbcb75bdf6","532e4db3-49b3-4cc3-8e3b-18918d7e57da",{"id":603,"collection":584,"item":604},"33f71211-9829-4696-bd26-09fee0f49344","d70f5c38-38fa-4e68-b4d5-01e1f3243d77",[606],{"id":607,"collection":608,"item":609},"96a469db-f64c-46af-8a4d-83add86826dc","block_code","d41b2573-6097-4ff1-a915-cffb38f738f8",{"type":611,"embed":8,"aspect_ratio":612,"border":334,"arcade_url":613,"arcade_fallback_video":614,"external_image_url":8,"border_radius":427,"caption":8,"video":615,"image":8},"arcade","auto","https://demo.arcade.software/ZER4jkD8aP9V11dCFMUL","65ef406d-9bb2-4aa1-ba37-c1ce25a52aec",{"url":616,"autoplay":267,"controls":334,"loop":267,"file":8},"https://youtu.be/ZESFDThPyWo",{"id":516,"background":618,"padding":491,"background_image":8,"blocks":619},"dark-night",[620],{"id":387,"collection":433,"item":621},"f086e754-3f31-4dae-90bf-ba48834dc64e",{"id":495,"company_logo":623,"person_image":624,"person_name":625,"person_title":626,"quote":627,"button":8},"51e40490-19e0-4fd6-b16a-c7f9f3d6ea09","c05fd725-b521-419f-bf85-8a01db5bc223","Alexandre Lotte","Founder, Thumbsmith","\u003Cp>Directus is a comprehensive full-featured solution for building out a highly performance SaaS, quickly and easily. Everything can be configured in a few clicks.\u003C/p>",{"id":499,"preheading":629,"heading":630,"subheading":631,"alignment":380,"heading_size":8,"heading_tag":8,"button_group":8,"subheading_color":555,"subheading_type":381,"command":8},"White-Label and Customize","Customize everything. Make it yours.","\u003Cp>From internationalization to branding, Directus is unopinionated and fully customizable. Never worry about outgrowing your backend.\u003C/p>",{"id":486,"layout":573,"col_a":633,"col_b":637},[634],{"id":635,"collection":608,"item":636},"39e15dc9-60cd-4ff0-9e8a-b3be22f55621","3553e43f-d4c0-409e-92fe-18455e5522f2",[638,641],{"id":639,"collection":433,"item":640},"20bfd5db-49ba-46a7-97c0-79c034fabcb0","2a920dd8-e383-423d-b507-de26b7645c14",{"id":642,"collection":584,"item":643},"b8da59cc-a58a-46bb-bd02-de597e0f47ce","8dba05f2-93a4-4030-9f1a-438d4a6cdecc",{"id":507,"preheading":8,"heading":645,"subheading":646,"alignment":647,"heading_size":8,"heading_tag":8,"button_group":8,"subheading_color":555,"subheading_type":381,"command":8},"Discover \u003Cem>everything else\u003C/em>\u003Cbr>you can build.","\u003Cp>From sites, apps, IoT devices and everything in-between, our composable backend toolkit is fully extensible and production-ready.\u003C/p>","left",{"id":503,"items":649},[650,656,662],{"id":651,"heading":652,"icon":653,"subheading":654,"blocks":655},"4c7019ca-8905-46c9-ab41-30eabc78295c","Localize with 64+ languages","translate","\u003Cp>Our multilingual Studio supports 64+ languages for global teams.\u003C/p>",[],{"id":657,"heading":658,"icon":659,"subheading":660,"blocks":661},"6afdb6c5-bed6-4722-b138-92fd32ba470e","Your CMS, your branding","format_paint","\u003Cp>Add your logos, colors, and more with our fully customizable Studio.\u003C/p>",[],{"id":663,"heading":664,"icon":64,"subheading":665,"blocks":666},"e224d341-f7d2-4fa5-8da5-5c3f7ca953eb","Custom settings and screens","\u003Cp>Set-up the Studio exactly how your team wants it. Add links, apps, or other tools.\u003C/p>",[],{"id":478,"layout":573,"col_a":668,"col_b":672},[669],{"id":670,"collection":439,"item":671},"6498bb03-925f-4539-b70f-54b0fd659546","b58f9ccd-013a-440d-bd11-d563ce49ce56",[673,676],{"id":674,"collection":433,"item":675},"05ccf0e1-765b-4201-9afa-301d6dc27d76","779b47cf-47aa-4091-9abf-05983083ea01",{"id":677,"collection":584,"item":678},"0cf29883-87b5-45c4-bb2c-34ac75fdd39a","88e2c147-7c6e-4844-a48b-47d8f304339d",{"id":490,"stacked":267,"icon_color":414,"style":587,"grid":588,"title_size":415,"icon_size":415,"cards":680},[681,683,685],{"block_card_id":682},"d9a7b0f0-21bb-40f8-a29b-3a704737c7d6",{"block_card_id":684},"d5afa3f4-bb4e-45b4-8e8d-e1e884d97eed",{"block_card_id":686},"30f507cf-45cf-451a-94b5-60ba397ea400",{"id":482,"stacked":267,"icon_color":414,"style":587,"grid":588,"title_size":415,"icon_size":415,"cards":688},[689,691,693],{"block_card_id":690},"e2bf8610-deef-41d3-9ac3-6e6bb1328b8e",{"block_card_id":692},"81eb3a33-b108-43bf-9fd4-390e86b59d6e",{"block_card_id":694},"602d7dab-ef5f-466f-9177-f1e064d5465c",{"id":511,"stacked":267,"icon_color":696,"style":697,"grid":588,"title_size":415,"icon_size":415,"cards":698},"foreground","image-fill-16-9",[699,701,703],{"block_card_id":700},"bac2fb1b-b491-4f97-b35e-50344569ed2c",{"block_card_id":702},"6d11de59-f967-4d15-8258-48c49d345ca2",{"block_card_id":704},"c6c03396-c502-4beb-b62b-d2eb61554242",{"id":601,"preheading":8,"heading":706,"subheading":707,"alignment":647,"heading_size":491,"heading_tag":708,"button_group":8,"subheading_color":555,"subheading_type":381,"command":8},"APIs, Auth, and more. Built on your data. ","\u003Cp>Frustrated with tedious backend tasks? Fast-forward development and get your project to market sooner without the stress.\u003C/p>","h3",{"id":595,"title":710,"description":711,"image":8,"external_url":8,"icon":712,"badge":8,"page":8,"resource":8},"Integrate with other services","Integrate and interact with any other service to create a cohesive tech stack.","webhook",{"id":581,"preheading":8,"heading":714,"subheading":715,"alignment":647,"heading_size":491,"heading_tag":708,"button_group":8,"subheading_color":555,"subheading_type":381,"command":8},"Automate backend processes.","\u003Cp>Automate repetitive tasks and processes, leading to faster development cycles and a reduced risk of downtime.\u003C/p>",{"id":591,"title":717,"description":718,"image":8,"external_url":8,"icon":719,"badge":8,"page":8,"resource":8},"Eliminate repetitive tasks","Automate routine, repetitive backend tasks that consume valuable dev time.","repeat",{"type":721,"embed":8,"aspect_ratio":8,"border":334,"arcade_url":8,"arcade_fallback_video":8,"external_image_url":8,"border_radius":427,"caption":8,"video":8,"image":722},"image",{"id":723,"description":724},"5da0407d-df2c-4d55-825d-8e625ed4633c","A screen shot of a website with a purple background.",{"id":593,"title":726,"description":727,"image":8,"external_url":8,"icon":728,"badge":8,"page":8,"resource":8},"Ensure consistency and accuracy","Set up unlimited data sync, system alert, or user notification workflows in minutes.","check_circle",{"alignment":380,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":8,"buttons":730,"variants":733},[731],{"id":462,"block_button_id":732},"e9218290-a4e8-49aa-ada0-44520b688722",[],{"alignment":647,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":8,"buttons":735,"variants":738},[736],{"id":456,"block_button_id":737},"838c5e49-5c93-40f8-93e6-191aa1ad7e2f",[],{"id":621,"preheading":8,"heading":740,"subheading":741,"alignment":380,"heading_size":491,"heading_tag":708,"button_group":742,"subheading_color":696,"subheading_type":381,"command":8},"Don't take our word for it - try it yourself right now.","\u003Cp>We like to let our product do the talking. Hop in our sandbox demo or schedule a 15-minute technical walk-through - we know you're going to love it. \u003C/p>","3e15c772-04db-40df-b8e8-7883f385254d",{"id":640,"preheading":8,"heading":744,"subheading":745,"alignment":647,"heading_size":491,"heading_tag":708,"button_group":8,"subheading_color":555,"subheading_type":381,"command":8},"Update data in real-time with WebSockets.","\u003Cp>Get persistent, bi-directional communication between the backend and frontend so any data changes are instantly reflected.\u003C/p>",{"id":675,"preheading":8,"heading":747,"subheading":748,"alignment":647,"heading_size":491,"heading_tag":708,"button_group":8,"subheading_color":555,"subheading_type":381,"command":8},"Monitor backend performance.","\u003Cp>Set-up alerts and monitoring to identify bottlenecks and errors, and make data-driven decisions to improve your backend operations.\u003C/p>",{"background":618,"snippets":750},[751,754,757,760],{"name":752,"language":360,"snippet":753},"Fetch Items","import { createDirectus, rest, readItems } from '@directus/sdk';\nconst client = createDirectus('https://xyz.directus.app').with(rest());\n\nconst item = await client.request(\n\treadItems('articles', {\n\t\tfields: ['id', 'title', 'date_published', 'summary']\n\t})\n);",{"name":755,"language":360,"snippet":756},"Create an Item","import { createDirectus, rest, createItem } from '@directus/sdk';\nconst client = createDirectus('https://xyz.directus.app').with(rest());\n\nconst item = await client.request(\n\tcreateItem('articles', {\n\t\ttitle: 'Hello, world!',\n\t\tsummary: 'This is my next big thing.'\n\t})\n);",{"name":758,"language":360,"snippet":759},"Authentication","import { createDirectus, rest, createUser } from '@directus/sdk';\nconst client = createDirectus('https://xyz.directus.app').with(rest());\n\nconst newUser = await client.request(\n\tcreateUser({ \n\t\temail: 'user@example.com',\n\t\tpassword: 'hunter2'\n\t})\n);\n\nconst user = await client.login('user@example.com', 'd1r3ctu5');",{"name":761,"language":360,"snippet":762},"Realtime Subscriptions","import { createDirectus, realtime } from '@directus/sdk'\nconst client = createDirectus('https://xyz.directus.app').with(realtime({ authMode: 'public' }));\n\nconst { subscription } = await client.subscribe('messages');\n\nfor await (const item of subscription) {\n\tconsole.log('subscription', { item });\n}",{"background":618,"snippets":764},[765,767,770],{"name":755,"language":360,"snippet":766},"import { createDirectus, realtime } from '@directus/sdk'\nconst client = createDirectus('https://example.directus.app').with(realtime({ authMode: 'public' }));\n\nclient.sendMessage({\n\ttype: 'items',\n\tcollection: 'messages',\n\taction: 'create',\n\tdata: { text: 'Hello World!' },\n});",{"name":768,"language":360,"snippet":769},"Read Items","import { createDirectus, realtime } from '@directus/sdk'\nconst client = createDirectus('https://example.directus.app').with(realtime({ authMode: 'public' }));\n\nclient.sendMessage({\n\ttype: 'items',\n\tcollection: 'messages',\n\taction: 'read',\n\tquery: { limit: 5, sort: '-date_created' },\n});",{"name":761,"language":360,"snippet":771},"import { createDirectus, realtime } from '@directus/sdk'\nconst client = createDirectus('https://example.directus.app').with(realtime({ authMode: 'public' }));\n\nconst { subscription } = await client.subscribe('messages');\n\nfor await (const item of subscription) {\n\tconsole.log('subscription', { item });\n}",{"type":721,"embed":8,"aspect_ratio":8,"border":267,"arcade_url":8,"arcade_fallback_video":8,"external_image_url":8,"border_radius":427,"caption":8,"video":8,"image":773},{"id":774,"description":8},"b4f07a5b-70fa-4459-b63f-4b4f31433976",{"alignment":647,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":8,"buttons":776,"variants":780},[777],{"id":778,"block_button_id":779},20,"9c6ea5cd-5d9c-49b0-8b5d-00bf5bf3b26f",[],{"alignment":647,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":8,"buttons":782,"variants":785},[783],{"id":517,"block_button_id":784},"a988ff9c-268b-41a5-b557-2312c75ea757",[],{"alignment":647,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":8,"buttons":787,"variants":791},[788],{"id":789,"block_button_id":790},33,"43fb6dba-cd4b-4f8b-8ae7-18745b968f07",[],{"html":793},"\u003Cpre class=\"shiki directus-dark\" style=\"background-color:transparent;color:#94a3b8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">import\u003C/span>\u003Cspan style=\"color:#94A3B8\"> { \u003C/span>\u003Cspan style=\"color:#E2E8F0\">createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#E2E8F0\">rest\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#E2E8F0\">readItems\u003C/span>\u003Cspan style=\"color:#94A3B8\"> } \u003C/span>\u003Cspan style=\"color:#FF97DC\">from\u003C/span>\u003Cspan style=\"color:#F8FAFC\"> '@directus/sdk'\u003C/span>\u003Cspan style=\"color:#94A3B8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> client\u003C/span>\u003Cspan style=\"color:#FF97DC\"> =\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'https://xyz.directus.app'\u003C/span>\u003Cspan style=\"color:#94A3B8\">).\u003C/span>\u003Cspan style=\"color:#9B8BFF\">with\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#9B8BFF\">rest\u003C/span>\u003Cspan style=\"color:#94A3B8\">());\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> item\u003C/span>\u003Cspan style=\"color:#FF97DC\"> =\u003C/span>\u003Cspan style=\"color:#FF97DC\"> await\u003C/span>\u003Cspan style=\"color:#E2E8F0\"> client\u003C/span>\u003Cspan style=\"color:#94A3B8\">.\u003C/span>\u003Cspan style=\"color:#9B8BFF\">request\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#9B8BFF\">\treadItems\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'articles'\u003C/span>\u003Cspan style=\"color:#94A3B8\">, {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\t\tfields: [\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'id'\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'title'\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'date_published'\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'summary'\u003C/span>\u003Cspan style=\"color:#94A3B8\">]\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\t})\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">);\u003C/span>\u003C/span>\u003C/code>\u003C/pre>",{"html":795},"\u003Cpre class=\"shiki directus-dark\" style=\"background-color:transparent;color:#94a3b8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">import\u003C/span>\u003Cspan style=\"color:#94A3B8\"> { \u003C/span>\u003Cspan style=\"color:#E2E8F0\">createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#E2E8F0\">rest\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#E2E8F0\">createItem\u003C/span>\u003Cspan style=\"color:#94A3B8\"> } \u003C/span>\u003Cspan style=\"color:#FF97DC\">from\u003C/span>\u003Cspan style=\"color:#F8FAFC\"> '@directus/sdk'\u003C/span>\u003Cspan style=\"color:#94A3B8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> client\u003C/span>\u003Cspan style=\"color:#FF97DC\"> =\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'https://xyz.directus.app'\u003C/span>\u003Cspan style=\"color:#94A3B8\">).\u003C/span>\u003Cspan style=\"color:#9B8BFF\">with\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#9B8BFF\">rest\u003C/span>\u003Cspan style=\"color:#94A3B8\">());\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> item\u003C/span>\u003Cspan style=\"color:#FF97DC\"> =\u003C/span>\u003Cspan style=\"color:#FF97DC\"> await\u003C/span>\u003Cspan style=\"color:#E2E8F0\"> client\u003C/span>\u003Cspan style=\"color:#94A3B8\">.\u003C/span>\u003Cspan style=\"color:#9B8BFF\">request\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#9B8BFF\">\tcreateItem\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'articles'\u003C/span>\u003Cspan style=\"color:#94A3B8\">, {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\t\ttitle: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'Hello, world!'\u003C/span>\u003Cspan style=\"color:#94A3B8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\t\tsummary: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'This is my next big thing.'\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\t})\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">);\u003C/span>\u003C/span>\u003C/code>\u003C/pre>",{"html":797},"\u003Cpre class=\"shiki directus-dark\" style=\"background-color:transparent;color:#94a3b8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">import\u003C/span>\u003Cspan style=\"color:#94A3B8\"> { \u003C/span>\u003Cspan style=\"color:#E2E8F0\">createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#E2E8F0\">rest\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#E2E8F0\">createUser\u003C/span>\u003Cspan style=\"color:#94A3B8\"> } \u003C/span>\u003Cspan style=\"color:#FF97DC\">from\u003C/span>\u003Cspan style=\"color:#F8FAFC\"> '@directus/sdk'\u003C/span>\u003Cspan style=\"color:#94A3B8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> client\u003C/span>\u003Cspan style=\"color:#FF97DC\"> =\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'https://xyz.directus.app'\u003C/span>\u003Cspan style=\"color:#94A3B8\">).\u003C/span>\u003Cspan style=\"color:#9B8BFF\">with\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#9B8BFF\">rest\u003C/span>\u003Cspan style=\"color:#94A3B8\">());\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> newUser\u003C/span>\u003Cspan style=\"color:#FF97DC\"> =\u003C/span>\u003Cspan style=\"color:#FF97DC\"> await\u003C/span>\u003Cspan style=\"color:#E2E8F0\"> client\u003C/span>\u003Cspan style=\"color:#94A3B8\">.\u003C/span>\u003Cspan style=\"color:#9B8BFF\">request\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#9B8BFF\">\tcreateUser\u003C/span>\u003Cspan style=\"color:#94A3B8\">({ \u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\t\temail: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'user@example.com'\u003C/span>\u003Cspan style=\"color:#94A3B8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\t\tpassword: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'hunter2'\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\t})\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">);\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> user\u003C/span>\u003Cspan style=\"color:#FF97DC\"> =\u003C/span>\u003Cspan style=\"color:#FF97DC\"> await\u003C/span>\u003Cspan style=\"color:#E2E8F0\"> client\u003C/span>\u003Cspan style=\"color:#94A3B8\">.\u003C/span>\u003Cspan style=\"color:#9B8BFF\">login\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'user@example.com'\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'d1r3ctu5'\u003C/span>\u003Cspan style=\"color:#94A3B8\">);\u003C/span>\u003C/span>\u003C/code>\u003C/pre>",{"html":799},"\u003Cpre class=\"shiki directus-dark\" style=\"background-color:transparent;color:#94a3b8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">import\u003C/span>\u003Cspan style=\"color:#94A3B8\"> { \u003C/span>\u003Cspan style=\"color:#E2E8F0\">createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#E2E8F0\">realtime\u003C/span>\u003Cspan style=\"color:#94A3B8\"> } \u003C/span>\u003Cspan style=\"color:#FF97DC\">from\u003C/span>\u003Cspan style=\"color:#F8FAFC\"> '@directus/sdk'\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> client\u003C/span>\u003Cspan style=\"color:#FF97DC\"> =\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'https://xyz.directus.app'\u003C/span>\u003Cspan style=\"color:#94A3B8\">).\u003C/span>\u003Cspan style=\"color:#9B8BFF\">with\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#9B8BFF\">realtime\u003C/span>\u003Cspan style=\"color:#94A3B8\">({ authMode: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'public'\u003C/span>\u003Cspan style=\"color:#94A3B8\"> }));\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#94A3B8\"> { \u003C/span>\u003Cspan style=\"color:#9B8BFF\">subscription\u003C/span>\u003Cspan style=\"color:#94A3B8\"> } \u003C/span>\u003Cspan style=\"color:#FF97DC\">=\u003C/span>\u003Cspan style=\"color:#FF97DC\"> await\u003C/span>\u003Cspan style=\"color:#E2E8F0\"> client\u003C/span>\u003Cspan style=\"color:#94A3B8\">.\u003C/span>\u003Cspan style=\"color:#9B8BFF\">subscribe\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'messages'\u003C/span>\u003Cspan style=\"color:#94A3B8\">);\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">for\u003C/span>\u003Cspan style=\"color:#FF97DC\"> await\u003C/span>\u003Cspan style=\"color:#94A3B8\"> (\u003C/span>\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> item\u003C/span>\u003Cspan style=\"color:#FF97DC\"> of\u003C/span>\u003Cspan style=\"color:#E2E8F0\"> subscription\u003C/span>\u003Cspan style=\"color:#94A3B8\">) {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E8F0\">\tconsole\u003C/span>\u003Cspan style=\"color:#94A3B8\">.\u003C/span>\u003Cspan style=\"color:#9B8BFF\">log\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'subscription'\u003C/span>\u003Cspan style=\"color:#94A3B8\">, { \u003C/span>\u003Cspan style=\"color:#E2E8F0\">item\u003C/span>\u003Cspan style=\"color:#94A3B8\"> });\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">}\u003C/span>\u003C/span>\u003C/code>\u003C/pre>",{"html":801},"\u003Cpre class=\"shiki directus-dark\" style=\"background-color:transparent;color:#94a3b8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">import\u003C/span>\u003Cspan style=\"color:#94A3B8\"> { \u003C/span>\u003Cspan style=\"color:#E2E8F0\">createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">, \u003C/span>\u003Cspan style=\"color:#E2E8F0\">realtime\u003C/span>\u003Cspan style=\"color:#94A3B8\"> } \u003C/span>\u003Cspan style=\"color:#FF97DC\">from\u003C/span>\u003Cspan style=\"color:#F8FAFC\"> '@directus/sdk'\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF97DC\">const\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> client\u003C/span>\u003Cspan style=\"color:#FF97DC\"> =\u003C/span>\u003Cspan style=\"color:#9B8BFF\"> createDirectus\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#F8FAFC\">'https://example.directus.app'\u003C/span>\u003Cspan style=\"color:#94A3B8\">).\u003C/span>\u003Cspan style=\"color:#9B8BFF\">with\u003C/span>\u003Cspan style=\"color:#94A3B8\">(\u003C/span>\u003Cspan style=\"color:#9B8BFF\">realtime\u003C/span>\u003Cspan style=\"color:#94A3B8\">({ authMode: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'public'\u003C/span>\u003Cspan style=\"color:#94A3B8\"> }));\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E8F0\">client\u003C/span>\u003Cspan style=\"color:#94A3B8\">.\u003C/span>\u003Cspan style=\"color:#9B8BFF\">sendMessage\u003C/span>\u003Cspan style=\"color:#94A3B8\">({\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\ttype: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'items'\u003C/span>\u003Cspan style=\"color:#94A3B8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\tcollection: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'messages'\u003C/span>\u003Cspan style=\"color:#94A3B8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\taction: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'read'\u003C/span>\u003Cspan style=\"color:#94A3B8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">\tquery: { limit: \u003C/span>\u003Cspan style=\"color:#9B8BFF\">5\u003C/span>\u003Cspan style=\"color:#94A3B8\">, sort: \u003C/span>\u003Cspan style=\"color:#F8FAFC\">'-date_created'\u003C/span>\u003Cspan style=\"color:#94A3B8\"> },\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#94A3B8\">});\u003C/span>\u003C/span>\u003C/code>\u003C/pre>",{"id":690,"title":803,"description":804,"image":8,"external_url":8,"icon":805,"badge":8,"page":8,"resource":8},"Optimize overall performance","Monitor key metrics such as response times, error rates, and throughput.","monitoring",{"id":700,"title":807,"description":808,"image":809,"external_url":8,"icon":8,"badge":8,"page":810,"resource":8},"Headless Content Management (CMS)","Deliver consistent and dynamic content experiences across any platform or device with no limitations on content, users, or assets. ","68f7e435-0fdb-420b-90a0-1242258d1269",{"permalink":20},{"id":702,"title":812,"description":813,"image":814,"external_url":8,"icon":8,"badge":8,"page":815,"resource":8},"Product Inventory Management (PIM)","Break free from commerce platform limitations. Maintain control over your product data across multiple channels with a Directus-built PIM. ","f60cb555-d7f7-4bf6-9450-dc3add70c3f2",{"permalink":36},{"id":704,"title":817,"description":818,"image":819,"external_url":40,"icon":8,"badge":8,"page":8,"resource":8},"100+ more things you can build","Looking for inspiration? Dive into a list of over 100 sites, apps, and tools you can build. ","dbad452a-8fdb-4518-b055-139111aca579",{"id":686,"title":821,"description":822,"image":8,"external_url":8,"icon":823,"badge":8,"page":8,"resource":8},"Enable interactive UX","Bridge your existing content tools and systems for unified, efficient operations.","volunteer_activism",{"id":684,"title":825,"description":826,"image":8,"external_url":8,"icon":827,"badge":8,"page":8,"resource":8},"Boost speed with Websockets","Ditch traditional HTTPS polling and reduce server load and network traffic.","rocket_launch",{"id":694,"title":829,"description":830,"image":8,"external_url":8,"icon":831,"badge":8,"page":8,"resource":8},"Scale with confidence","Understand performance so you can allocate resources as needed.","trending_up",{"id":682,"title":833,"description":834,"image":8,"external_url":8,"icon":835,"badge":8,"page":8,"resource":8},"Deliver real-time updates","Ensure that your frontend stays synced with the latest state of backend data.","sync_alt",{"id":692,"title":837,"description":838,"image":8,"external_url":8,"icon":839,"badge":8,"page":8,"resource":8},"Proactively address problems","Spot issues before they happen with alerts for specific events or thresholds.","warning",{"id":779,"external_url":8,"label":841,"color":414,"outline":334,"icon":425,"size":415,"target":416,"ph_event":8,"page":842,"resource":8},"Learn more about Insights",{"permalink":843},"/toolkit/insights",{"id":732,"external_url":845,"label":846,"color":414,"outline":334,"icon":425,"size":491,"target":416,"ph_event":8,"page":8,"resource":8},"https://directus.is/cms","Try the sandbox demo",{"id":784,"external_url":8,"label":848,"color":414,"outline":334,"icon":425,"size":415,"target":416,"ph_event":8,"page":849,"resource":8},"Learn more about Realtime",{"permalink":850},"/toolkit/realtime",{"alignment":380,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":8,"buttons":852,"variants":859},[853,856],{"id":854,"block_button_id":855},72,"ff7b87a3-b275-424f-b36f-01f26ddbc394",{"id":857,"block_button_id":858},73,"71e0a8a6-a848-4169-8e30-8e99d00fd927",[],{"id":855,"external_url":845,"label":861,"color":414,"outline":267,"icon":425,"size":491,"target":862,"ph_event":8,"page":8,"resource":8},"Launch Sandbox Demo","_blank",{"id":790,"external_url":864,"label":865,"color":414,"outline":267,"icon":425,"size":415,"target":416,"ph_event":8,"page":8,"resource":8},"https://directus.cloud/register","Start building now",{"id":737,"external_url":8,"label":867,"color":414,"outline":334,"icon":425,"size":415,"target":416,"ph_event":8,"page":868,"resource":8},"Learn more about Automate",{"permalink":66},{"id":858,"external_url":8,"label":870,"color":414,"outline":334,"icon":425,"size":491,"target":416,"ph_event":8,"page":871,"resource":8},"Get a Technical Demo",{"permalink":418},1773850290683]