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