[{"data":1,"prerenderedAt":966},["ShallowReactive",2],{"navigation_docs":3,"-get-started-create-new-project":233,"-get-started-create-new-project-surround":962},[4,27,77,127,161,219],{"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,123],{"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},"Drupal JavaScript","\u002Fadvanced-topics\u002Fdrupal-javascript","3.advanced-topics\u002F62.drupal-javascript",{"title":116,"path":117,"stem":118},"Site Templates","\u002Fadvanced-topics\u002Fsite-templates","3.advanced-topics\u002F65.site-templates",{"title":120,"path":121,"stem":122},"Block layout","\u002Fadvanced-topics\u002Fblock-layout","3.advanced-topics\u002F70.block-layout",{"title":124,"path":125,"stem":126},"Debugging API requests","\u002Fadvanced-topics\u002Fdebugging","3.advanced-topics\u002F80.debugging",{"title":128,"icon":129,"path":130,"stem":131,"children":132,"page":26},"Drupal","simple-icons:drupal","\u002Fdrupal","4.drupal",[133,137,141,145,149,153,157],{"title":134,"path":135,"stem":136},"Key modules","\u002Fdrupal\u002Fkey-modules","4.drupal\u002F10.key-modules",{"title":138,"path":139,"stem":140},"Custom elements","\u002Fdrupal\u002Fcustom-elements","4.drupal\u002F20.custom-elements",{"title":142,"path":143,"stem":144},"Routes","\u002Fdrupal\u002Froutes","4.drupal\u002F30.routes",{"title":146,"path":147,"stem":148},"Providing blocks","\u002Fdrupal\u002Fproviding-blocks","4.drupal\u002F40.providing-blocks",{"title":150,"path":151,"stem":152},"Custom Element Processors","\u002Fdrupal\u002Fcustom-element-processors","4.drupal\u002F50.custom-element-processors",{"title":154,"path":155,"stem":156},"Adding Drupal forms","\u002Fdrupal\u002Fadd-drupal-forms","4.drupal\u002F60.add-drupal-forms",{"title":158,"path":159,"stem":160},"Providing themes","\u002Fdrupal\u002Fthemes","4.drupal\u002F70.themes",{"title":162,"icon":163,"path":164,"stem":165,"children":166,"page":26},"Nuxt","simple-icons:nuxtdotjs","\u002Fnuxt","5.nuxt",[167,171,175,179,183,187,191,195,199,203,207,211,215],{"title":168,"path":169,"stem":170},"Introduction","\u002Fnuxt\u002Fintroduction","5.nuxt\u002F10.introduction",{"title":172,"path":173,"stem":174},"Setup","\u002Fnuxt\u002Fsetup","5.nuxt\u002F20.setup",{"title":176,"path":177,"stem":178},"Rendering Custom Elements","\u002Fnuxt\u002Frender-custom-elements","5.nuxt\u002F30.render-custom-elements",{"title":180,"path":181,"stem":182},"Default components","\u002Fnuxt\u002Fdefault-components","5.nuxt\u002F32.default-components",{"title":184,"path":185,"stem":186},"Composables","\u002Fnuxt\u002Fcomposables","5.nuxt\u002F35.composables",{"title":188,"path":189,"stem":190},"Drupal JS libraries","\u002Fnuxt\u002Fdrupal-libraries","5.nuxt\u002F37.drupal-libraries",{"title":192,"path":193,"stem":194},"Custom Routes","\u002Fnuxt\u002Fcustom-routes","5.nuxt\u002F40.custom-routes",{"title":196,"path":197,"stem":198},"Page Layouts","\u002Fnuxt\u002Fpage-layouts","5.nuxt\u002F50.page-layouts",{"title":200,"path":201,"stem":202},"Component Previews","\u002Fnuxt\u002Fcomponent-previews","5.nuxt\u002F55.component-previews",{"title":204,"path":205,"stem":206},"Component Index","\u002Fnuxt\u002Fcanvas-components","5.nuxt\u002F57.canvas-components",{"title":208,"path":209,"stem":210},"Rendering modes","\u002Fnuxt\u002Frendering-modes","5.nuxt\u002F60.rendering-modes",{"title":212,"path":213,"stem":214},"Deployment options","\u002Fnuxt\u002Fdeployment","5.nuxt\u002F70.deployment",{"title":216,"path":217,"stem":218},"Resources","\u002Fnuxt\u002Fresources","5.nuxt\u002F90.resources",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":26},"Deployment","solar:server-square-cloud-linear","\u002Fdeployment","6.deployment",[225,229],{"title":226,"path":227,"stem":228},"Deployment Strategies","\u002Fdeployment\u002Fdeployment-strategy","6.deployment\u002F10.deployment-strategy",{"title":230,"path":231,"stem":232},"Unified Hosting","\u002Fdeployment\u002Funified-hosting","6.deployment\u002F20.unified-hosting",{"id":234,"title":19,"body":235,"description":302,"extension":956,"links":957,"meta":958,"navigation":959,"path":20,"seo":960,"stem":21,"__hash__":961},"docs\u002F1.get-started\u002F30.create-new-project.md",{"type":236,"value":237,"toc":940},"minimark",[238,243,266,271,274,277,289,293,296,447,450,466,472,476,481,493,497,510,539,542,560,564,567,571,574,599,607,610,628,631,639,648,683,687,699,731,742,772,776,831,834,842,846,853,857,860,901,909,913,916,936],[239,240,242],"h2",{"id":241},"local-setup-with-ddev","Local setup with ddev",[244,245,246,247,254,255,258,259,265],"p",{},"For setting up a new project, you may want to use the ",[248,249,253],"a",{"href":250,"rel":251},"https:\u002F\u002Fgithub.com\u002Fdrunomics\u002Flupus-decoupled-project\u002F",[252],"nofollow","lupus-decoupled-project"," template, which supports both ",[248,256,257],{"href":16},"cloud environments","\nand local docker-based development environments via ",[248,260,264],{"href":261,"rel":262,"target":263},"https:\u002F\u002Fdocs.ddev.com",[252],"_blank","DDEV",".",[267,268,270],"h3",{"id":269},"prerequisites-ddev-docker","Prerequisites: ddev & docker",[244,272,273],{},"ddev is a ridiculously simple setup for complex development environments, based upon docker compose.",[244,275,276],{},"Requirements:",[278,279,280],"ul",{},[281,282,283,284],"li",{},"ddev v1.23 or later. Please follow the ",[248,285,288],{"href":286,"rel":287},"https:\u002F\u002Fddev.readthedocs.io\u002Fen\u002Flatest\u002Fusers\u002Finstall\u002Fddev-installation\u002F",[252],"installation instructions",[267,290,292],{"id":291},"launch-it","Launch it",[244,294,295],{},"To spin up the project locally run:",[297,298,303],"pre",{"className":299,"code":300,"language":301,"meta":302,"style":302},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","git clone git@github.com:drunomics\u002Flupus-decoupled-project.git\ncd lupus-decoupled-project\nddev start\nddev composer install\nddev drush site-install -y --account-pass=admin --site-name='lupus_decoupled' standard\nddev drush pm-enable lupus_decoupled, services_env_parameter -y\n# Configure lupus-decoupled frontend base URL\nddev drush config:set lupus_decoupled_ce_api.settings frontend_base_url https:\u002F\u002Flupus-nuxt.ddev.site -y\n# Login and get started adding some test-nodes\nddev drush user-login\n","bash","",[304,305,306,322,332,341,352,384,403,410,431,437],"code",{"__ignoreMap":302},[307,308,311,315,319],"span",{"class":309,"line":310},"line",1,[307,312,314],{"class":313},"sBMFI","git",[307,316,318],{"class":317},"sfazB"," clone",[307,320,321],{"class":317}," git@github.com:drunomics\u002Flupus-decoupled-project.git\n",[307,323,325,329],{"class":309,"line":324},2,[307,326,328],{"class":327},"s2Zo4","cd",[307,330,331],{"class":317}," lupus-decoupled-project\n",[307,333,335,338],{"class":309,"line":334},3,[307,336,337],{"class":313},"ddev",[307,339,340],{"class":317}," start\n",[307,342,344,346,349],{"class":309,"line":343},4,[307,345,337],{"class":313},[307,347,348],{"class":317}," composer",[307,350,351],{"class":317}," install\n",[307,353,355,357,360,363,366,369,372,376,379,381],{"class":309,"line":354},5,[307,356,337],{"class":313},[307,358,359],{"class":317}," drush",[307,361,362],{"class":317}," site-install",[307,364,365],{"class":317}," -y",[307,367,368],{"class":317}," --account-pass=admin",[307,370,371],{"class":317}," --site-name=",[307,373,375],{"class":374},"sMK4o","'",[307,377,378],{"class":317},"lupus_decoupled",[307,380,375],{"class":374},[307,382,383],{"class":317}," standard\n",[307,385,387,389,391,394,397,400],{"class":309,"line":386},6,[307,388,337],{"class":313},[307,390,359],{"class":317},[307,392,393],{"class":317}," pm-enable",[307,395,396],{"class":317}," lupus_decoupled,",[307,398,399],{"class":317}," services_env_parameter",[307,401,402],{"class":317}," -y\n",[307,404,406],{"class":309,"line":405},7,[307,407,409],{"class":408},"sHwdD","# Configure lupus-decoupled frontend base URL\n",[307,411,413,415,417,420,423,426,429],{"class":309,"line":412},8,[307,414,337],{"class":313},[307,416,359],{"class":317},[307,418,419],{"class":317}," config:set",[307,421,422],{"class":317}," lupus_decoupled_ce_api.settings",[307,424,425],{"class":317}," frontend_base_url",[307,427,428],{"class":317}," https:\u002F\u002Flupus-nuxt.ddev.site",[307,430,402],{"class":317},[307,432,434],{"class":309,"line":433},9,[307,435,436],{"class":408},"# Login and get started adding some test-nodes\n",[307,438,440,442,444],{"class":309,"line":439},10,[307,441,337],{"class":313},[307,443,359],{"class":317},[307,445,446],{"class":317}," user-login\n",[244,448,449],{},"When using ddev locally, the URLs are by default:",[278,451,452,459],{},[281,453,454,455],{},"Frontend: ",[248,456,457],{"href":457,"rel":458},"https:\u002F\u002Flupus-nuxt.ddev.site",[252],[281,460,461,462],{},"Backend: ",[248,463,464],{"href":464,"rel":465},"https:\u002F\u002Flupus-decoupled.ddev.site\u002Fadmin",[252],[244,467,468,469],{},"Once you are up and running, try adding some content nodes and menu items to see it working and continue with your ",[248,470,471],{"href":24},"first steps",[267,473,475],{"id":474},"ddev-configuration","ddev configuration",[477,478,480],"h4",{"id":479},"urls","URLs",[244,482,483,484,489,490,265],{},"If you want to customize URLs, take a look at the ",[248,485,488],{"href":486,"rel":487},"https:\u002F\u002Fgithub.com\u002Fdrunomics\u002Flupus-decoupled-project\u002Fblob\u002Fmain\u002F.ddev\u002Fconfig.yaml",[252],".ddev\u002Fconfig.yaml"," file and re-run ",[304,491,492],{},"ddev start",[477,494,496],{"id":495},"frontend-repository","Frontend repository",[244,498,499,500,505,506,509],{},"By default, the naked ",[248,501,504],{"href":502,"rel":503},"https:\u002F\u002Fgithub.com\u002Fdrunomics\u002Flupus-decoupled-nuxt-starter",[252],"nuxt-starter"," frontend repository is used. It can be customized by setting the ",[304,507,508],{},"FRONTEND_REPOSITORY"," via ddev config:",[297,511,513],{"className":299,"code":512,"language":301,"meta":302,"style":302},"# Configure a different frontend repository.\nddev config --web-environment-add=\"FRONTEND_REPOSITORY=https:\u002F\u002Fgithub.com\u002Fdrunomics\u002Flupus-decoupled-nuxt-shadcn\"\n",[304,514,515,520],{"__ignoreMap":302},[307,516,517],{"class":309,"line":310},[307,518,519],{"class":408},"# Configure a different frontend repository.\n",[307,521,522,524,527,530,533,536],{"class":309,"line":324},[307,523,337],{"class":313},[307,525,526],{"class":317}," config",[307,528,529],{"class":317}," --web-environment-add=",[307,531,532],{"class":374},"\"",[307,534,535],{"class":317},"FRONTEND_REPOSITORY=https:\u002F\u002Fgithub.com\u002Fdrunomics\u002Flupus-decoupled-nuxt-shadcn",[307,537,538],{"class":374},"\"\n",[267,540,216],{"id":541},"resources",[278,543,544,553],{},[281,545,546,549,550],{},[248,547,488],{"href":486,"rel":548},[252]," - main ddev (default) configuration, can be generated by running ",[304,551,552],{},"ddev config",[281,554,555],{},[248,556,559],{"href":557,"rel":558},"https:\u002F\u002Fddev.readthedocs.io",[252],"ddev docs",[239,561,563],{"id":562},"custom-setup","Custom setup",[244,565,566],{},"If preferred, you can incorporate the pieces in your custom setup and\u002For setup everything from scratch by following the next steps.",[267,568,570],{"id":569},"setting-up-drupal","Setting up Drupal",[244,572,573],{},"If you don't have an existing Drupal installation yet, or you want to start from scratch,\ninstall Drupal first:",[297,575,577],{"className":299,"code":576,"language":301,"meta":302,"style":302},"composer create-project drupal\u002Frecommended-project drupal-project\ncd drupal-project\n",[304,578,579,593],{"__ignoreMap":302},[307,580,581,584,587,590],{"class":309,"line":310},[307,582,583],{"class":313},"composer",[307,585,586],{"class":317}," create-project",[307,588,589],{"class":317}," drupal\u002Frecommended-project",[307,591,592],{"class":317}," drupal-project\n",[307,594,595,597],{"class":309,"line":324},[307,596,328],{"class":327},[307,598,592],{"class":317},[244,600,601,602,265],{},"If you do not have composer installed, see the official ",[248,603,606],{"href":604,"rel":605},"https:\u002F\u002Fgetcomposer.org\u002Fdownload\u002F",[252],"composer installation instructions",[244,608,609],{},"Continue with the Drupal installation, e.g. by using Drupal's quick start command:",[297,611,613],{"className":299,"code":612,"language":301,"meta":302,"style":302},"php .\u002Fweb\u002Fcore\u002Fscripts\u002Fdrupal quick-start standard\n",[304,614,615],{"__ignoreMap":302},[307,616,617,620,623,626],{"class":309,"line":310},[307,618,619],{"class":313},"php",[307,621,622],{"class":317}," .\u002Fweb\u002Fcore\u002Fscripts\u002Fdrupal",[307,624,625],{"class":317}," quick-start",[307,627,383],{"class":317},[244,629,630],{},"The quick-start command uses PHP's built-in webserver to run your site. Just keep it running after installation.",[244,632,633,634,265],{},"If you prefer a full local development setup based upon docker, check the\n",[248,635,638],{"href":636,"rel":637},"https:\u002F\u002Fwww.drupal.org\u002Fdocs\u002Fofficial_docs\u002Flocal-development-guide",[252],"Local development guide",[244,640,641,642,647],{},"Add ",[248,643,646],{"href":644,"rel":645},"https:\u002F\u002Fdrush.org",[252],"drush"," - the Drupal cli:",[297,649,651],{"className":299,"code":650,"language":301,"meta":302,"style":302},"composer require drush\u002Fdrush\n# If no global drush launcher is already in use, run\nalias drush=$PWD\u002Fvendor\u002Fbin\u002Fdrush\n",[304,652,653,663,668],{"__ignoreMap":302},[307,654,655,657,660],{"class":309,"line":310},[307,656,583],{"class":313},[307,658,659],{"class":317}," require",[307,661,662],{"class":317}," drush\u002Fdrush\n",[307,664,665],{"class":309,"line":324},[307,666,667],{"class":408},"# If no global drush launcher is already in use, run\n",[307,669,670,674,677,680],{"class":309,"line":334},[307,671,673],{"class":672},"spNyl","alias",[307,675,359],{"class":676},"sTEyZ",[307,678,679],{"class":374},"=",[307,681,682],{"class":676},"$PWD\u002Fvendor\u002Fbin\u002Fdrush\n",[267,684,686],{"id":685},"adding-lupus-decoupled-drupal","Adding Lupus Decoupled Drupal",[244,688,689,690,695,696,265],{},"The ",[248,691,694],{"href":692,"rel":693},"https:\u002F\u002Fwww.drupal.org\u002Fproject\u002Flupus_ce_renderer",[252],"Lupus Custom Elements renderer module"," lets Drupal provide\nan API backend rendering custom elements. Add the module and its dependencies, then enable the module\nvia the UI or if installed, via ",[248,697,646],{"href":644,"rel":698},[252],[297,700,702],{"className":299,"code":701,"language":301,"meta":302,"style":302},"composer require drupal\u002Flupus_decoupled\ndrush en lupus_decoupled -y\ndrush user-login\n",[304,703,704,713,725],{"__ignoreMap":302},[307,705,706,708,710],{"class":309,"line":310},[307,707,583],{"class":313},[307,709,659],{"class":317},[307,711,712],{"class":317}," drupal\u002Flupus_decoupled\n",[307,714,715,717,720,723],{"class":309,"line":324},[307,716,646],{"class":313},[307,718,719],{"class":317}," en",[307,721,722],{"class":317}," lupus_decoupled",[307,724,402],{"class":317},[307,726,727,729],{"class":309,"line":334},[307,728,646],{"class":313},[307,730,446],{"class":317},[244,732,733,734,737,738,741],{},"Test your installation by opening ",[304,735,736],{},"http:\u002F\u002F127.0.0.1:8888\u002Fce-api\u002F"," - when logged in,\nyou should see a JSON response with the following ",[304,739,740],{},"content"," property:",[297,743,747],{"className":744,"code":745,"language":746,"meta":302,"style":302},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdrupal-markup>Welcome to your custom-elements enabled Drupal site!\u003C\u002Fdrupal-markup>\n","html",[304,748,749],{"__ignoreMap":302},[307,750,751,754,758,761,764,767,769],{"class":309,"line":310},[307,752,753],{"class":374},"\u003C",[307,755,757],{"class":756},"swJcz","drupal-markup",[307,759,760],{"class":374},">",[307,762,763],{"class":676},"Welcome to your custom-elements enabled Drupal site!",[307,765,766],{"class":374},"\u003C\u002F",[307,768,757],{"class":756},[307,770,771],{"class":374},">\n",[267,773,775],{"id":774},"setting-up-nuxt","Setting up Nuxt",[777,778,779,806],"code-group",{},[297,780,783],{"className":299,"code":781,"filename":782,"language":301,"meta":302,"style":302},"npx nuxi@latest init \u003Cproject-name>\n","npx",[304,784,785],{"__ignoreMap":302},[307,786,787,789,792,795,798,801,804],{"class":309,"line":310},[307,788,782],{"class":313},[307,790,791],{"class":317}," nuxi@latest",[307,793,794],{"class":317}," init",[307,796,797],{"class":374}," \u003C",[307,799,800],{"class":317},"project-nam",[307,802,803],{"class":676},"e",[307,805,771],{"class":374},[297,807,810],{"className":299,"code":808,"filename":809,"language":301,"meta":302,"style":302},"pnpm dlx nuxi@latest init \u003Cproject-name>\n","pnpm",[304,811,812],{"__ignoreMap":302},[307,813,814,816,819,821,823,825,827,829],{"class":309,"line":310},[307,815,809],{"class":313},[307,817,818],{"class":317}," dlx",[307,820,791],{"class":317},[307,822,794],{"class":317},[307,824,797],{"class":374},[307,826,800],{"class":317},[307,828,803],{"class":676},[307,830,771],{"class":374},[244,832,833],{},"Answer the questions as preferred, generally the defaults work fine.\nOnce the project is created, you can remove the example components.",[244,835,836,837,265],{},"For further details, please refer to the ",[248,838,841],{"href":839,"rel":840},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Finstallation",[252],"official Nuxt installation docs",[267,843,845],{"id":844},"adding-the-nuxt-connector-module","Adding the Nuxt connector module",[244,847,848,849,852],{},"Please refer to the ",[248,850,851],{"href":173},"Setup steps"," then continue below.",[267,854,856],{"id":855},"run-nuxt","Run nuxt",[244,858,859],{},"Ready to go! Start testing by running Nuxt in development mode:",[777,861,862,878,890],{},[297,863,866],{"className":299,"code":864,"filename":865,"language":301,"meta":302,"style":302},"npm run dev\n","npm",[304,867,868],{"__ignoreMap":302},[307,869,870,872,875],{"class":309,"line":310},[307,871,865],{"class":313},[307,873,874],{"class":317}," run",[307,876,877],{"class":317}," dev\n",[297,879,882],{"className":299,"code":880,"filename":881,"language":301,"meta":302,"style":302},"yarn dev\n","yarn",[304,883,884],{"__ignoreMap":302},[307,885,886,888],{"class":309,"line":310},[307,887,881],{"class":313},[307,889,877],{"class":317},[297,891,893],{"className":299,"code":892,"filename":809,"language":301,"meta":302,"style":302},"pnpm dev\n",[304,894,895],{"__ignoreMap":302},[307,896,897,899],{"class":309,"line":310},[307,898,809],{"class":313},[307,900,877],{"class":317},[244,902,903,904,908],{},"Now, when accessing the nuxt dev server (e.g. at ",[248,905,906],{"href":906,"rel":907},"http:\u002F\u002Flocalhost:3000\u002F",[252],")\nyou should see a naked page rendered, having the \"Home\" breadcrumb\nand the message shown to logged-out users on the frontpage:\n\"You are not authorized to access this page.\"",[267,910,912],{"id":911},"connecting-the-dots","Connecting the dots",[244,914,915],{},"In your Drupal backend, set the URL of your frontend site, either via UI or via console:",[297,917,919],{"className":299,"code":918,"language":301,"meta":302,"style":302},"drush config:set lupus_decoupled_ce_api.settings frontend_base_url http:\u002F\u002Flocalhost:3000 -y\n",[304,920,921],{"__ignoreMap":302},[307,922,923,925,927,929,931,934],{"class":309,"line":310},[307,924,646],{"class":313},[307,926,419],{"class":317},[307,928,422],{"class":317},[307,930,425],{"class":317},[307,932,933],{"class":317}," http:\u002F\u002Flocalhost:3000",[307,935,402],{"class":317},[937,938,939],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":302,"searchDepth":324,"depth":324,"links":941},[942,948],{"id":241,"depth":324,"text":242,"children":943},[944,945,946,947],{"id":269,"depth":334,"text":270},{"id":291,"depth":334,"text":292},{"id":474,"depth":334,"text":475},{"id":541,"depth":334,"text":216},{"id":562,"depth":324,"text":563,"children":949},[950,951,952,953,954,955],{"id":569,"depth":334,"text":570},{"id":685,"depth":334,"text":686},{"id":774,"depth":334,"text":775},{"id":844,"depth":334,"text":845},{"id":855,"depth":334,"text":856},{"id":911,"depth":334,"text":912},"md",null,{},true,{"title":19,"description":302},"RuIp5FP8c4c9gPRuEdxUGMsynOC4ZFMAjpTHasJ8JBA",[963,964],{"title":15,"path":16,"stem":17,"description":302,"children":-1},{"title":23,"path":24,"stem":25,"description":965,"children":-1},"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:",1786631275300]