[{"data":1,"prerenderedAt":689},["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,"/toolkit/realtime":426,"f8dc1153-9df8-4ccc-8f2a-de1416a40368":489,"aaa2d050-b3ed-4bbe-9a11-649fc3d1dced":520,"44e90026-9138-4fc7-925a-0a6d673defc7":525,"aeaceb73-1840-43da-872a-ff49325c1d76":528,"e4752e5c-1fa5-4d39-8461-663480f24fc2":543,"bc668854-29c7-4324-8031-65698e064c91":554,"9e3f2d35-1568-4b1a-99d7-f8572c9e3b93":559,"5aaa94c1-d590-4bac-8bde-c6187caa3697":568,"206bcebc-ae31-45e6-ac3b-a2aefbf97d31":579,"20aa44f9-46d1-4c96-9e03-55dd88f68334":590,"257ca794-2ba8-4bad-8455-945970f4ec5b":596,"1c9532fe-1006-4bc1-81c2-dc80ba29b809":606,"fe967eab-85a3-4f11-9611-94c80510b1c9":612,"6349f9b9-4f65-46f3-af6c-9217f3476b13":618,"code-highlightercreate-an-item":627,"code-highlighterretrieve-items":629,"a4680fff-4f9f-48f9-b1f6-fdd716685202":631,"76d647f0-36d3-4840-8b79-e725af491f5b":635,"e9ff4c80-3970-4a94-a193-54f38074d1ac":639,"56888e6c-9612-4a08-8ec4-74338360d831":644,"f3f90e31-04c2-4ab3-b8e8-9cf93f73a2a0":648,"3c7bd70b-a490-44b5-aa5a-bcb9b49d7aed":654,"5da1f74d-00fc-4e40-bcf3-5f767535e6ce":663,"467323fd-2b96-46de-af55-39a8ac7434be":666,"a04eec53-5033-45c4-9334-e684cfbc1136":669,"0ce65fd2-6862-4569-868e-b42ee4ff8b41":674,"1321467a-f272-4df0-93c1-06bb31467ac3":681,"5819a1c4-3a18-4a3e-986d-a8f192abe867":684,"1d3e0213-6cea-4327-b9bf-49425b788496":687},{"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":427,"spacing_top":428,"id":429,"layout":8,"blocks":430,"seo":486},"Realtime","x-small","c6b965a1-f924-4d11-9ce4-612a60064765",[431,438,445,451,457,464,469,474,478,482],{"id":432,"background":433,"collection":434,"item":435,"negative_offset":267,"spacing":415,"sort":436,"width":437,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},355,"pristine-white-lines","block_page_nav","aeaceb73-1840-43da-872a-ff49325c1d76",1,"standard",{"id":439,"background":433,"collection":440,"item":441,"negative_offset":267,"spacing":442,"sort":443,"width":437,"key":444,"hidden":267,"experiment":8,"experiment_variant":8},65,"block_columns","5aaa94c1-d590-4bac-8bde-c6187caa3697","large",2,"overview",{"id":446,"background":447,"collection":448,"item":449,"negative_offset":334,"spacing":415,"sort":450,"width":437,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},67,"simple-gray","block_media","20aa44f9-46d1-4c96-9e03-55dd88f68334",3,{"id":452,"background":447,"collection":453,"item":454,"negative_offset":267,"spacing":415,"sort":455,"width":456,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},134,"block_logocloud","f8dc1153-9df8-4ccc-8f2a-de1416a40368",4,"full",{"id":458,"background":459,"collection":460,"item":461,"negative_offset":267,"spacing":415,"sort":462,"width":437,"key":463,"hidden":267,"experiment":8,"experiment_variant":8},105,"pristine-white","block_header","44e90026-9138-4fc7-925a-0a6d673defc7",5,"features",{"id":465,"background":459,"collection":466,"item":467,"negative_offset":267,"spacing":415,"sort":468,"width":437,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},160,"block_card_group","9e3f2d35-1568-4b1a-99d7-f8572c9e3b93",7,{"id":470,"background":459,"collection":440,"item":471,"negative_offset":267,"spacing":472,"sort":473,"width":437,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},186,"206bcebc-ae31-45e6-ac3b-a2aefbf97d31","x-large",8,{"id":475,"background":459,"collection":460,"item":476,"negative_offset":267,"spacing":415,"sort":477,"width":437,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},66,"aaa2d050-b3ed-4bbe-9a11-649fc3d1dced",9,{"id":479,"background":459,"collection":466,"item":480,"negative_offset":267,"spacing":415,"sort":481,"width":437,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},293,"e4752e5c-1fa5-4d39-8461-663480f24fc2",10,{"id":483,"background":459,"collection":440,"item":484,"negative_offset":267,"spacing":415,"sort":485,"width":437,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},294,"257ca794-2ba8-4bad-8455-945970f4ec5b",11,{"title":487,"meta_description":488,"no_follow":267,"no_index":267,"canonical_url":8,"json_ld":8},"Realtime | WebSocket-powered data updates","Leverage the power of WebSockets to track, analyze, and respond to data changes in real-time. Deliver outstanding user experiences with Directus Realtime.",{"type":490,"logos":491},"ticker",[492,496,500,504,508,512,516],{"id":493,"title":8,"external_url":8,"directus_files_id":494,"resource":8,"page":8},138,{"id":495,"description":8},"7e405c42-66b6-44c1-8d97-a872d7bddafe",{"id":497,"title":8,"external_url":8,"directus_files_id":498,"resource":8,"page":8},139,{"id":499,"description":8},"96b90a46-59dd-4246-b7ca-aa8cfbb6ccc9",{"id":501,"title":8,"external_url":8,"directus_files_id":502,"resource":8,"page":8},140,{"id":503,"description":8},"aa0efb8e-6af4-462d-8d65-a4eafb01cd33",{"id":505,"title":8,"external_url":8,"directus_files_id":506,"resource":8,"page":8},141,{"id":507,"description":8},"6b9a3fbf-7af0-4e77-a6fb-faea5f30dd0e",{"id":509,"title":8,"external_url":8,"directus_files_id":510,"resource":8,"page":8},144,{"id":511,"description":8},"92c8b1fc-64f1-45ee-978a-f11bb7aa239f",{"id":513,"title":8,"external_url":8,"directus_files_id":514,"resource":8,"page":8},145,{"id":515,"description":8},"34e2c465-e1a1-49c1-8d5a-820f94e7ca97",{"id":517,"title":8,"external_url":8,"directus_files_id":518,"resource":8,"page":8},146,{"id":519,"description":8},"004b69ef-9da3-4579-8fec-1b819c62e10a",{"id":476,"preheading":8,"heading":521,"subheading":522,"alignment":523,"heading_size":8,"heading_tag":8,"button_group":8,"subheading_color":524,"subheading_type":381,"command":8},"Combine with \u003Cem>other tools\u003C/em> in the Directus toolkit.","\u003Cp>Whether you specialize in frontend, backend, or fullstack, you'll get a suite of dev tools that'll make you even more efficient.\u003C/p>","left","subdued",{"id":461,"preheading":8,"heading":526,"subheading":527,"alignment":380,"heading_size":8,"heading_tag":8,"button_group":8,"subheading_color":524,"subheading_type":381,"command":8},"Keep your data \u003Cem>current\u003C/em> with WebSockets.","\u003Cp>Don't worry about data falling out of sync again. Directus connects directly to your database and emits events to connected clients when database changes occur. \u003C/p>\n\u003Cp> \u003C/p>",{"tag":529,"navigation":530,"title":427,"logo":541},"h1",[531,534,537],{"key":444,"label":532,"link":533},"Overview","#overview",{"key":463,"label":535,"link":536},"Features","#features",{"key":538,"label":539,"link":540},"docs","Docs","https://docs.directus.io/guides/real-time/getting-started/websockets.html",{"id":542,"description":8},"f42acc10-7b88-4fa7-945d-bbdfba618fc1",{"id":480,"stacked":267,"icon_color":544,"style":545,"grid":546,"title_size":415,"icon_size":415,"cards":547},"foreground","image-fill-16-9","3",[548,550,552],{"block_card_id":549},"bc668854-29c7-4324-8031-65698e064c91",{"block_card_id":551},"e9ff4c80-3970-4a94-a193-54f38074d1ac",{"block_card_id":553},"f3f90e31-04c2-4ab3-b8e8-9cf93f73a2a0",{"id":549,"title":555,"description":556,"image":557,"external_url":8,"icon":8,"badge":8,"page":558,"resource":8},"Auth","Protect your data with granular access control systems.","3ed5132e-4201-4906-91d5-7ac56c94d159",{"permalink":58},{"id":467,"stacked":267,"icon_color":414,"style":560,"grid":546,"title_size":415,"icon_size":415,"cards":561},"icon-above-title",[562,564,566],{"block_card_id":563},"56888e6c-9612-4a08-8ec4-74338360d831",{"block_card_id":565},"76d647f0-36d3-4840-8b79-e725af491f5b",{"block_card_id":567},"a4680fff-4f9f-48f9-b1f6-fdd716685202",{"id":441,"layout":569,"col_a":570,"col_b":578},"1-1",[571,574],{"id":572,"collection":460,"item":573},"35f7fb88-f33c-4a02-b16e-60e9ea1cc095","fe967eab-85a3-4f11-9611-94c80510b1c9",{"id":575,"collection":576,"item":577},"a8fe4ef9-7a16-4ac4-afda-5828f55f8420","block_button_group","3c7bd70b-a490-44b5-aa5a-bcb9b49d7aed",[],{"id":471,"layout":580,"col_a":581,"col_b":586},"2-1",[582],{"id":583,"collection":584,"item":585},"1ca4aecd-4972-4b39-9aee-e1c1eef3f05d","block_code","6349f9b9-4f65-46f3-af6c-9217f3476b13",[587],{"id":588,"collection":460,"item":589},"2f7dce41-9b32-481d-b736-78270bdef944","467323fd-2b96-46de-af55-39a8ac7434be",{"type":591,"embed":8,"aspect_ratio":592,"border":334,"arcade_url":8,"arcade_fallback_video":8,"external_image_url":8,"border_radius":593,"caption":8,"video":594,"image":8},"video","16-9","normal",{"url":595,"autoplay":267,"controls":334,"loop":267,"file":8},"https://youtu.be/f2X5-R2O7II",{"id":484,"layout":569,"col_a":597,"col_b":602},[598],{"id":599,"collection":600,"item":601},"7c9a3b26-8642-40a8-ae47-1eff45201513","block_quote","1c9532fe-1006-4bc1-81c2-dc80ba29b809",[603],{"id":604,"collection":460,"item":605},"f6aac6e6-f3f2-427e-a616-006643d72ead","a04eec53-5033-45c4-9334-e684cfbc1136",{"id":601,"company_logo":607,"person_image":608,"person_name":609,"person_title":610,"quote":611,"button":8},"01900f1e-8312-4b63-84b1-434c6368394a","8a980763-e5f4-41e5-a4a4-d59eac544d82","Tom Smedley","Technical Director, Peter and Paul","\u003Cp>Our interactive app must access and serve up data in real time, and that’s something I don’t think we can achieve without Directus.\u003C/p>",{"id":573,"preheading":8,"heading":613,"subheading":614,"alignment":523,"heading_size":615,"heading_tag":616,"button_group":8,"subheading_color":524,"subheading_type":617,"command":8},"Stay ahead with \u003Cem>real-time\u003C/em> data.","\u003Cp>Connect to Directus and subscribe to updates in a collection, and get notified when there's an update to show your users. Increase trust in your data, lower the build complexity.\u003C/p>","title","h3","subtext",{"background":619,"snippets":620},"dark-night",[621,624],{"name":622,"language":360,"snippet":623},"Create an Item","client.sendMessage({\n\ttype: 'items',\n\tcollection: 'messages',\n\taction: 'create',\n\tdata: { text: 'Hello World!' },\n});",{"name":625,"language":360,"snippet":626},"Retrieve Items","client.sendMessage({\n\ttype: 'items',\n\tcollection: 'messages',\n\taction: 'read',\n\tquery: { limit: 5, sort: '-date_created' },\n});",{"html":628},"\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":630},"\u003Cpre class=\"shiki directus-dark\" style=\"background-color:transparent;color:#94a3b8\" tabindex=\"0\">\u003Ccode>\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":567,"title":632,"description":633,"image":8,"external_url":8,"icon":634,"badge":8,"page":8,"resource":8},"Respects user permissions","Use various authentication schemes, and all requests use your configured permissions.","verified_user",{"id":565,"title":636,"description":637,"image":8,"external_url":8,"icon":638,"badge":8,"page":8,"resource":8},"Full CRUD over WebSockets","Decrease complexity by creating, reading, updating, and deleting items using a single WebSockets connection.","edit_square",{"id":551,"title":640,"description":641,"image":642,"external_url":8,"icon":8,"badge":8,"page":643,"resource":8},"Connect","Generate REST and GraphQL APIs for any database.","54f3cbe4-d51e-4bc0-9966-e2ef888eba0a",{"permalink":50},{"id":563,"title":645,"description":646,"image":8,"external_url":8,"icon":647,"badge":8,"page":8,"resource":8},"WebSockets, GraphQL subscriptions, or SDK","Use a standard WebSocket connection, subscribe over GraphQL, or use our SDK methods.","update",{"id":553,"title":649,"description":650,"image":651,"external_url":8,"icon":8,"badge":8,"page":652,"resource":8},"Insights","Visualize your data within robust and customizable dashboards.","93dbdf7f-3b7a-4b84-84b4-3b5739483ea0",{"permalink":653},"/toolkit/insights",{"alignment":523,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":8,"buttons":655,"variants":662},[656,659],{"id":657,"block_button_id":658},83,"5da1f74d-00fc-4e40-bcf3-5f767535e6ce",{"id":660,"block_button_id":661},84,"1d3e0213-6cea-4327-b9bf-49425b788496",[],{"id":658,"external_url":664,"label":665,"color":414,"outline":267,"icon":425,"size":442,"target":416,"ph_event":8,"page":8,"resource":8},"https://directus.cloud/register","Create a project",{"id":589,"preheading":8,"heading":667,"subheading":668,"alignment":523,"heading_size":442,"heading_tag":616,"button_group":8,"subheading_color":524,"subheading_type":381,"command":8},"Backed by your database","\u003Cp>Unlike many realtime solutions, all data is persisted in your database by design. Never worry about state management again.\u003C/p>",{"id":605,"preheading":8,"heading":670,"subheading":671,"alignment":523,"heading_size":415,"heading_tag":672,"button_group":673,"subheading_color":524,"subheading_type":381,"command":8},"Don't miss a beat with realtime data ⚡️","\u003Cp>Dive into a seamless stream of real-time updates and elevate your data-driven decisions. \u003C/p>","h2","0ce65fd2-6862-4569-868e-b42ee4ff8b41",{"alignment":380,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":8,"buttons":675,"variants":680},[676,678],{"id":450,"block_button_id":677},"1321467a-f272-4df0-93c1-06bb31467ac3",{"id":455,"block_button_id":679},"5819a1c4-3a18-4a3e-986d-a8f192abe867",[],{"id":677,"external_url":664,"label":682,"color":414,"outline":267,"icon":425,"size":442,"target":683,"ph_event":8,"page":8,"resource":8},"Create your project","_blank",{"id":679,"external_url":8,"label":685,"color":422,"outline":334,"icon":425,"size":442,"target":416,"ph_event":8,"page":686,"resource":8},"Book a demo",{"permalink":418},{"id":661,"external_url":540,"label":688,"color":422,"outline":334,"icon":425,"size":442,"target":416,"ph_event":8,"page":8,"resource":8},"View the docs",1773850330794]