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