[{"data":1,"prerenderedAt":379},["ShallowReactive",2],{"navigation_docs":3,"-get-started-first-steps":225,"-get-started-first-steps-surround":375},[4,27,77,123,157,211],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":26},"Get started","majesticons:rocket-3-start-line","\u002Fget-started","1.get-started",[10,14,18,22],{"title":11,"path":12,"stem":13},"How it works","\u002Fget-started\u002Fhow-it-works","1.get-started\u002F10.how-it-works",{"title":15,"path":16,"stem":17},"Play online","\u002Fget-started\u002Fplay-online","1.get-started\u002F20.play-online",{"title":19,"path":20,"stem":21},"Create a new project","\u002Fget-started\u002Fcreate-new-project","1.get-started\u002F30.create-new-project",{"title":23,"path":24,"stem":25},"First steps","\u002Fget-started\u002Ffirst-steps","1.get-started\u002F40.first-steps",false,{"title":28,"icon":29,"path":30,"stem":31,"children":32,"page":26},"Guide","mdi:book-open-page-variant-outline","\u002Fguide","2.guide",[33,37,41,45,49,53,57,61,65,69,73],{"title":34,"path":35,"stem":36},"Customized API Output","\u002Fguide\u002Fcustomized-api-output","2.guide\u002F05.customized-api-output",{"title":38,"path":39,"stem":40},"Pages & Routing","\u002Fguide\u002Fpages-routing","2.guide\u002F10.pages-routing",{"title":42,"path":43,"stem":44},"Site layout & Menus","\u002Fguide\u002Fsite-layout-menus","2.guide\u002F20.site-layout-menus",{"title":46,"path":47,"stem":48},"Authentication","\u002Fguide\u002Fauthentication","2.guide\u002F40.authentication",{"title":50,"path":51,"stem":52},"Metatags & Local tasks","\u002Fguide\u002Fmetatags-local-tasks","2.guide\u002F50.metatags-local-tasks",{"title":54,"path":55,"stem":56},"Breadcrumbs & Messages","\u002Fguide\u002Fbreadcrumbs-messages","2.guide\u002F60.breadcrumbs-messages",{"title":58,"path":59,"stem":60},"Redirects","\u002Fguide\u002Fredirects","2.guide\u002F65.redirects",{"title":62,"path":63,"stem":64},"Editorial previews","\u002Fguide\u002Feditorial-previews","2.guide\u002F70.editorial-previews",{"title":66,"path":67,"stem":68},"Layout builder","\u002Fguide\u002Flayout-builder","2.guide\u002F80.layout-builder",{"title":70,"path":71,"stem":72},"Drupal Canvas","\u002Fguide\u002Fcanvas","2.guide\u002F90.canvas",{"title":74,"path":75,"stem":76},"Drupal CMS","\u002Fguide\u002Fdrupal-cms","2.guide\u002F95.drupal-cms",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":26},"Advanced topics","bi:diagram-3","\u002Fadvanced-topics","3.advanced-topics",[83,87,91,95,99,103,107,111,115,119],{"title":84,"path":85,"stem":86},"Multi-frontend","\u002Fadvanced-topics\u002Fmulti-frontend","3.advanced-topics\u002F05.multi-frontend",{"title":88,"path":89,"stem":90},"Listings, Views","\u002Fadvanced-topics\u002Flistings-views","3.advanced-topics\u002F10.listings-views",{"title":92,"path":93,"stem":94},"Searches","\u002Fadvanced-topics\u002Fsearches","3.advanced-topics\u002F20.searches",{"title":96,"path":97,"stem":98},"JSON-API & GraphQL","\u002Fadvanced-topics\u002Fjsonapi-graphql","3.advanced-topics\u002F30.jsonapi-graphql",{"title":100,"path":101,"stem":102},"Caching","\u002Fadvanced-topics\u002Fcaching","3.advanced-topics\u002F40.caching",{"title":104,"path":105,"stem":106},"Error pages","\u002Fadvanced-topics\u002Ferror-pages","3.advanced-topics\u002F50.error-pages",{"title":108,"path":109,"stem":110},"Drupal forms","\u002Fadvanced-topics\u002Fdrupal-forms","3.advanced-topics\u002F60.drupal-forms",{"title":112,"path":113,"stem":114},"Site Templates","\u002Fadvanced-topics\u002Fsite-templates","3.advanced-topics\u002F65.site-templates",{"title":116,"path":117,"stem":118},"Block layout","\u002Fadvanced-topics\u002Fblock-layout","3.advanced-topics\u002F70.block-layout",{"title":120,"path":121,"stem":122},"Debugging API requests","\u002Fadvanced-topics\u002Fdebugging","3.advanced-topics\u002F80.debugging",{"title":124,"icon":125,"path":126,"stem":127,"children":128,"page":26},"Drupal","simple-icons:drupal","\u002Fdrupal","4.drupal",[129,133,137,141,145,149,153],{"title":130,"path":131,"stem":132},"Key modules","\u002Fdrupal\u002Fkey-modules","4.drupal\u002F10.key-modules",{"title":134,"path":135,"stem":136},"Custom elements","\u002Fdrupal\u002Fcustom-elements","4.drupal\u002F20.custom-elements",{"title":138,"path":139,"stem":140},"Routes","\u002Fdrupal\u002Froutes","4.drupal\u002F30.routes",{"title":142,"path":143,"stem":144},"Providing blocks","\u002Fdrupal\u002Fproviding-blocks","4.drupal\u002F40.providing-blocks",{"title":146,"path":147,"stem":148},"Custom Element Processors","\u002Fdrupal\u002Fcustom-element-processors","4.drupal\u002F50.custom-element-processors",{"title":150,"path":151,"stem":152},"Adding Drupal forms","\u002Fdrupal\u002Fadd-drupal-forms","4.drupal\u002F60.add-drupal-forms",{"title":154,"path":155,"stem":156},"Providing themes","\u002Fdrupal\u002Fthemes","4.drupal\u002F70.themes",{"title":158,"icon":159,"path":160,"stem":161,"children":162,"page":26},"Nuxt","simple-icons:nuxtdotjs","\u002Fnuxt","5.nuxt",[163,167,171,175,179,183,187,191,195,199,203,207],{"title":164,"path":165,"stem":166},"Introduction","\u002Fnuxt\u002Fintroduction","5.nuxt\u002F10.introduction",{"title":168,"path":169,"stem":170},"Setup","\u002Fnuxt\u002Fsetup","5.nuxt\u002F20.setup",{"title":172,"path":173,"stem":174},"Rendering Custom Elements","\u002Fnuxt\u002Frender-custom-elements","5.nuxt\u002F30.render-custom-elements",{"title":176,"path":177,"stem":178},"Default components","\u002Fnuxt\u002Fdefault-components","5.nuxt\u002F32.default-components",{"title":180,"path":181,"stem":182},"Composables","\u002Fnuxt\u002Fcomposables","5.nuxt\u002F35.composables",{"title":184,"path":185,"stem":186},"Custom Routes","\u002Fnuxt\u002Fcustom-routes","5.nuxt\u002F40.custom-routes",{"title":188,"path":189,"stem":190},"Page Layouts","\u002Fnuxt\u002Fpage-layouts","5.nuxt\u002F50.page-layouts",{"title":192,"path":193,"stem":194},"Component Previews","\u002Fnuxt\u002Fcomponent-previews","5.nuxt\u002F55.component-previews",{"title":196,"path":197,"stem":198},"Component Index","\u002Fnuxt\u002Fcanvas-components","5.nuxt\u002F57.canvas-components",{"title":200,"path":201,"stem":202},"Rendering modes","\u002Fnuxt\u002Frendering-modes","5.nuxt\u002F60.rendering-modes",{"title":204,"path":205,"stem":206},"Deployment options","\u002Fnuxt\u002Fdeployment","5.nuxt\u002F70.deployment",{"title":208,"path":209,"stem":210},"Resources","\u002Fnuxt\u002Fresources","5.nuxt\u002F90.resources",{"title":212,"icon":213,"path":214,"stem":215,"children":216,"page":26},"Deployment","solar:server-square-cloud-linear","\u002Fdeployment","6.deployment",[217,221],{"title":218,"path":219,"stem":220},"Deployment Strategies","\u002Fdeployment\u002Fdeployment-strategy","6.deployment\u002F10.deployment-strategy",{"title":222,"path":223,"stem":224},"Unified Hosting","\u002Fdeployment\u002Funified-hosting","6.deployment\u002F20.unified-hosting",{"id":226,"title":23,"body":227,"description":233,"extension":369,"links":370,"meta":371,"navigation":372,"path":24,"seo":373,"stem":25,"__hash__":374},"docs\u002F1.get-started\u002F40.first-steps.md",{"type":228,"value":229,"toc":363},"minimark",[230,234,239,323,327],[231,232,233],"p",{},"This page provides a short playbook which introduces you to the most important features of Lupus Decoupled Drupal. It only takes 1-2 minutes to follow:",[235,236,238],"h2",{"id":237},"creating-and-viewing-content","Creating and viewing content",[240,241,242,251,263,277,283,299,316],"ol",{},[243,244,245,246,250],"li",{},"Create an article\nIn the backend, login and go to ",[247,248,249],"code",{},"\u002Fnode\u002Fadd\u002Farticle"," to create some first example content.  Fill in some random content and save it.",[243,252,253,254,258,259,262],{},"After saving, you are redirected to the frontend, which renders the basic data of your content. You can customize that easily, as described under the ",[255,256,257],"a",{"href":35},"Customized API output"," page. For now, stay here and remember the frontend URL of your page, e.g. ",[247,260,261],{},"\u002Fnode\u002F1",".",[243,264,265,266,269,270,273,274,262],{},"On the frontend go the user login, e.g. ",[247,267,268],{},"\u002Fuser\u002Flogin?destination=\u002F",". Login with your usual Drupal credentials, e.g. as admin or editor account. For the Gitpod demo environments you can log in with ",[247,271,272],{},"admin"," and password ",[247,275,276],{},"lupus123",[243,278,279,280,282],{},"After logging in, go back to your created content in the frontend, e.g. ",[247,281,261],{},". Take note of the local task links (or \"Drupal-tabs\") that appear now.",[243,284,285,286,289,290,294,295,298],{},"Click the ",[247,287,288],{},"Edit"," task link, to get back to the Drupal edit page. Now, let's change the ",[291,292,293],"em",{},"URL-alias"," of the content in the right sidebar, e.g. to ",[247,296,297],{},"\u002Fexample-path",". Also, in the sidebar, enable the option to provide a menu item and keep the defaults.",[243,300,301,302],{},"Save the form and take note of the changes appearing in the frontend:",[303,304,305,310,313],"ul",{},[243,306,307,308,262],{},"The URL of the content changed to ",[247,309,297],{},[243,311,312],{},"A menu items is appearing in the main menu, which is part of the site header.",[243,314,315],{},"A success message is provided by Drupal and shown in the frontend.",[243,317,318,319,322],{},"Optionally, you may log out in the frontend, separate from the backend, by visiting the ",[247,320,321],{},"\u002Fuser\u002Flogout"," path in the frontend.",[235,324,326],{"id":325},"inspecting-api-output-of-content","Inspecting API output of content",[240,328,329,336,346,357],{},[243,330,331,332,335],{},"After creating content, it's listed in Drupal's content management screen at ",[247,333,334],{},"\u002Fadmin\u002Fcontent\u002Fnode"," in the backend.",[243,337,338,339,341,342,345],{},"To inspect the custom element API output of some content, use the drop-down next to the ",[247,340,288],{}," operation button on the right and choose the entry ",[247,343,344],{},"API output",". It shows the API output of the associated page.",[243,347,348,349,352,353,356],{},"Optionally, switch between markup and JSON serialization by appending the query parameter ",[247,350,351],{},"?_content_format=markup"," or ",[247,354,355],{},"?_content_format=json"," (default) to the URL of the API output.",[243,358,359,360,262],{},"Continue with ",[255,361,362],{"href":35},"customizing the API output",{"title":364,"searchDepth":365,"depth":365,"links":366},"",2,[367,368],{"id":237,"depth":365,"text":238},{"id":325,"depth":365,"text":326},"md",null,{},true,{"title":23,"description":233},"bdjzZyX_qLnkYPZbphLSfDSN_re69BTu8K-429UbpEo",[376,377],{"title":19,"path":20,"stem":21,"description":364,"children":-1},{"title":34,"path":35,"stem":36,"description":378,"children":-1},"Lupus Decoupled Drupal provides custom elements output for all content entities. This includes the page of a content node (\"Full content\"), just as the individual view-modes that may be used in content listings, e.g. teasers (Drupal allows the configuration of any number of view-modes).",1779292108597]