[{"data":1,"prerenderedAt":4645},["ShallowReactive",2],{"sidebar-roots":3,"content-query-AFGaJJAc1a":540,"content-query-l3QDIqq5l6":2275,"content-query-Z0NhV5Bl54":3404,"content-query-ysRhQg9dZz":4292,"content-query-Syd0LQZc8N":4308,"content-query-eWK7Ojfzgs":4324,"$88NaDudkJM":4340,"qyzkpDqbjz":4570},[4,19,28,37,43,52,60,69,78,87,96,105,113,122,131,140,149,156,165,174,183,192,200,244,253,263,271,280,290,300,309,318,326,333,342,351,360,369,377,386,393,402,410,419,429,438,444,452,459,465,473,482,491,498,505,511,518,525,534],{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"navigation":9,"_id":12,"_type":13,"title":14,"_source":15,"_file":16,"_stem":17,"_extension":18},"/_dir","",false,true,{"title":10,"icon":11},"Home","ri:home-2-fill","base:_dir.yml","yaml","Dir","base","_dir.yml","_dir","yml",{"_path":20,"_dir":21,"_draft":7,"_partial":8,"_locale":6,"title":22,"sidebarRoot":8,"navigation":23,"_id":25,"_type":13,"_source":15,"_file":26,"_stem":27,"_extension":18},"/general/_dir","general","Getting Started",{"icon":24},"ri:book-2-fill","base:2.general:_dir.yml","2.general/_dir.yml","2.general/_dir",{"_path":29,"_dir":30,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"title":31,"navigation":32,"_id":34,"_type":13,"_source":30,"_file":35,"_stem":36,"_extension":18},"/cloud/_dir","cloud","Cloud",{"icon":33},"material-symbols:cloud","cloud:cloud:_dir.yml","cloud/_dir.yml","cloud/_dir",{"_path":38,"_dir":39,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"callout":8,"_id":40,"_type":13,"title":14,"_source":30,"_file":41,"_stem":42,"_extension":18},"/cloud/v1/_dir","v1","cloud:cloud:6.v1:_dir.yml","cloud/6.v1/_dir.yml","cloud/6.v1/_dir",{"_path":44,"_dir":45,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"title":46,"navigation":47,"_id":49,"_type":13,"_source":45,"_file":50,"_stem":51,"_extension":18},"/console/_dir","console","Console (Cloud management)",{"icon":48},"material-symbols:frame-inspect","console:console:_dir.yml","console/_dir.yml","console/_dir",{"_path":53,"_dir":54,"_draft":7,"_partial":8,"_locale":6,"title":55,"navigation":56,"sidebarRoot":8,"_id":57,"_type":13,"_source":15,"_file":58,"_stem":59,"_extension":18},"/cookbook/_dir","cookbook","Cookbooks",{"icon":24},"base:cookbook:_dir.yml","cookbook/_dir.yml","cookbook/_dir",{"_path":61,"_dir":62,"_draft":7,"_partial":8,"_locale":6,"title":63,"sidebarRoot":8,"navigation":64,"_id":66,"_type":13,"_source":15,"_file":67,"_stem":68,"_extension":18},"/guides/_dir","guides","Guides",{"icon":65},"ri:code-s-slash-fill","base:guides:_dir.yml","guides/_dir.yml","guides/_dir",{"_path":70,"_dir":71,"_draft":7,"_partial":8,"_locale":6,"title":72,"sidebarRoot":8,"navigation":73,"_id":75,"_type":13,"_source":15,"_file":76,"_stem":77,"_extension":18},"/guides/alokai-essentials/__2.vue-storefront-with-nuxt/_dir","__2.vue-storefront-with-nuxt","Alokai with Nuxt",{"icon":74},"skill-icons:nuxtjs-dark","base:guides:2.alokai-essentials:__2.vue-storefront-with-nuxt:_dir.yml","guides/2.alokai-essentials/__2.vue-storefront-with-nuxt/_dir.yml","guides/2.alokai-essentials/__2.vue-storefront-with-nuxt/_dir",{"_path":79,"_dir":80,"_draft":7,"_partial":8,"_locale":6,"title":81,"sidebarRoot":8,"navigation":82,"_id":84,"_type":13,"_source":15,"_file":85,"_stem":86,"_extension":18},"/guides/alokai-essentials/_dir","alokai-essentials","Alokai Essentials",{"icon":83},"tabler:123","base:guides:2.alokai-essentials:_dir.yml","guides/2.alokai-essentials/_dir.yml","guides/2.alokai-essentials/_dir",{"_path":88,"_dir":89,"_draft":7,"_partial":8,"_locale":6,"title":90,"sidebarRoot":8,"navigation":91,"_id":93,"_type":13,"_source":15,"_file":94,"_stem":95,"_extension":18},"/guides/alokai-essentials/alokai-next-js/_dir","alokai-next-js","Alokai with Next.js",{"icon":92},"tabler:brand-nextjs","base:guides:2.alokai-essentials:1.alokai-next-js:_dir.yml","guides/2.alokai-essentials/1.alokai-next-js/_dir.yml","guides/2.alokai-essentials/1.alokai-next-js/_dir",{"_path":97,"_dir":98,"_draft":7,"_partial":8,"_locale":6,"title":99,"sidebarRoot":8,"navigation":100,"_id":102,"_type":13,"_source":15,"_file":103,"_stem":104,"_extension":18},"/guides/alokai-essentials/alokai-react-native/_dir","alokai-react-native","Alokai with React Native",{"icon":101},"tabler:brand-react-native","base:guides:2.alokai-essentials:2.alokai-react-native:_dir.yml","guides/2.alokai-essentials/2.alokai-react-native/_dir.yml","guides/2.alokai-essentials/2.alokai-react-native/_dir",{"_path":106,"_dir":107,"_draft":7,"_partial":8,"_locale":6,"title":72,"sidebarRoot":8,"navigation":108,"_id":110,"_type":13,"_source":15,"_file":111,"_stem":112,"_extension":18},"/guides/alokai-essentials/alokai-nuxt/_dir","alokai-nuxt",{"icon":109},"tabler:brand-nuxt","base:guides:2.alokai-essentials:3.alokai-nuxt:_dir.yml","guides/2.alokai-essentials/3.alokai-nuxt/_dir.yml","guides/2.alokai-essentials/3.alokai-nuxt/_dir",{"_path":114,"_dir":115,"_draft":7,"_partial":8,"_locale":6,"title":116,"sidebarRoot":8,"navigation":117,"_id":119,"_type":13,"_source":15,"_file":120,"_stem":121,"_extension":18},"/guides/customization/_dir","customization","Alokai Customization",{"icon":118},"tabler:tool","base:guides:4.customization:_dir.yml","guides/4.customization/_dir.yml","guides/4.customization/_dir",{"_path":123,"_dir":124,"_draft":7,"_partial":8,"_locale":6,"title":125,"sidebarRoot":8,"navigation":126,"_id":128,"_type":13,"_source":15,"_file":129,"_stem":130,"_extension":18},"/guides/customization/app-router/_dir","app-router","Next.js app router",{"icon":127},"tabler:cube","base:guides:4.customization:2.app-router:_dir.yml","guides/4.customization/2.app-router/_dir.yml","guides/4.customization/2.app-router/_dir",{"_path":132,"_dir":133,"_draft":7,"_partial":8,"_locale":6,"title":134,"sidebarRoot":8,"navigation":135,"_id":137,"_type":13,"_source":15,"_file":138,"_stem":139,"_extension":18},"/guides/kubernetes-probe/_dir","kubernetes-probe","Kubernetes Probes",{"icon":136},"tabler:heart-rate-monitor","base:guides:5.kubernetes-probe:_dir.yml","guides/5.kubernetes-probe/_dir.yml","guides/5.kubernetes-probe/_dir",{"_path":141,"_dir":142,"_draft":7,"_partial":8,"_locale":6,"title":143,"sidebarRoot":8,"navigation":144,"_id":146,"_type":13,"_source":15,"_file":147,"_stem":148,"_extension":18},"/guides/best-practices/_dir","best-practices","Best Practices",{"icon":145},"tabler:rosette-discount-check","base:guides:6.best-practices:_dir.yml","guides/6.best-practices/_dir.yml","guides/6.best-practices/_dir",{"_path":150,"_dir":151,"_draft":7,"_partial":8,"_locale":6,"title":152,"sidebarRoot":8,"_id":153,"_type":13,"_source":15,"_file":154,"_stem":155,"_extension":18},"/guides/best-practices/performance/_dir","performance","Performance","base:guides:6.best-practices:3.performance:_dir.yml","guides/6.best-practices/3.performance/_dir.yml","guides/6.best-practices/3.performance/_dir",{"_path":157,"_dir":158,"_draft":7,"_partial":8,"_locale":6,"title":159,"sidebarRoot":8,"navigation":160,"_id":162,"_type":13,"_source":15,"_file":163,"_stem":164,"_extension":18},"/guides/multistore/_dir","multistore","Multistore",{"icon":161},"tabler:box-multiple-filled","base:guides:7.multistore:_dir.yml","guides/7.multistore/_dir.yml","guides/7.multistore/_dir",{"_path":166,"_dir":167,"_draft":7,"_partial":8,"_locale":6,"title":168,"sidebarRoot":8,"navigation":169,"_id":171,"_type":13,"_source":15,"_file":172,"_stem":173,"_extension":18},"/guides/multistore/introduction/_dir","introduction","Introduction",{"icon":170},"tabler:align-box-center-middle","base:guides:7.multistore:1.introduction:_dir.yml","guides/7.multistore/1.introduction/_dir.yml","guides/7.multistore/1.introduction/_dir",{"_path":175,"_dir":176,"_draft":7,"_partial":8,"_locale":6,"title":177,"sidebarRoot":8,"navigation":178,"_id":180,"_type":13,"_source":15,"_file":181,"_stem":182,"_extension":18},"/guides/multistore/tooling-and-concepts/_dir","tooling-and-concepts","Tooling and concepts",{"icon":179},"tabler:tools","base:guides:7.multistore:2.tooling-and-concepts:_dir.yml","guides/7.multistore/2.tooling-and-concepts/_dir.yml","guides/7.multistore/2.tooling-and-concepts/_dir",{"_path":184,"_dir":185,"_draft":7,"_partial":8,"_locale":6,"title":186,"sidebarRoot":8,"navigation":187,"_id":189,"_type":13,"_source":15,"_file":190,"_stem":191,"_extension":18},"/guides/multistore/patterns/_dir","patterns","Patterns",{"icon":188},"tabler:layout-grid","base:guides:7.multistore:3.patterns:_dir.yml","guides/7.multistore/3.patterns/_dir.yml","guides/7.multistore/3.patterns/_dir",{"_path":193,"_dir":194,"_draft":7,"_partial":8,"_locale":6,"title":195,"sidebarRoot":8,"navigation":196,"_id":197,"_type":13,"_source":15,"_file":198,"_stem":199,"_extension":18},"/guides/troubleshooting/_dir","troubleshooting","Troubleshooting",{"icon":179},"base:guides:8.troubleshooting:_dir.yml","guides/8.troubleshooting/_dir.yml","guides/8.troubleshooting/_dir",{"_path":201,"_dir":62,"_draft":7,"_partial":7,"_locale":6,"title":6,"description":202,"layout":203,"sidebarRoot":8,"body":204,"_type":238,"_id":239,"_source":15,"_file":240,"_stem":241,"_extension":242,"sitemap":243},"/guides/troubleshooting","On this page you'll find a set of guides that will help you to resolve common issues that may occur when working with Alokai.","default",{"type":205,"children":206,"toc":234},"root",[207,214,219],{"type":208,"tag":209,"props":210,"children":211},"element","h1",{"id":194},[212],{"type":213,"value":195},"text",{"type":208,"tag":215,"props":216,"children":217},"p",{},[218],{"type":213,"value":202},{"type":208,"tag":220,"props":221,"children":224},"card",{"icon":170,"title":222,"to":223},"Inspecting network requests","/guides/troubleshooting/inspecting-network-requests",[225],{"type":208,"tag":226,"props":227,"children":228},"template",{"v-slot:description":6},[229],{"type":208,"tag":215,"props":230,"children":231},{},[232],{"type":213,"value":233},"Learn how to inspect network requests sent from the client (browser) to Server Middleware and from the Server Middleware to external services.",{"title":6,"searchDepth":235,"depth":236,"links":237},5,2,[],"markdown","base:guides:8.troubleshooting:index.md","guides/8.troubleshooting/index.md","guides/8.troubleshooting/index","md",{"loc":201},{"_path":245,"_dir":246,"_draft":7,"_partial":8,"_locale":6,"title":247,"sidebarRoot":8,"navigation":248,"_id":250,"_type":13,"_source":246,"_file":251,"_stem":252,"_extension":18},"/integrations/_dir","integrations","Integrations",{"icon":249},"fluent:puzzle-cube-piece-20-filled","integrations:integrations:_dir.yml","integrations/_dir.yml","integrations/_dir",{"_path":254,"_dir":255,"_draft":7,"_partial":8,"_locale":6,"navigation":256,"sidebarRoot":8,"_id":259,"_type":13,"title":14,"_source":260,"_file":261,"_stem":262,"_extension":18},"/integrations/adyen-sfcc/_dir","adyen-sfcc",{"title":257,"icon":258},"Adyen Integration for SFCC","ri:terminal-box-fill","adyenSfcc:integrations:adyen-sfcc:_dir.yml","adyenSfcc","integrations/adyen-sfcc/_dir.yml","integrations/adyen-sfcc/_dir",{"_path":264,"_dir":265,"_draft":7,"_partial":8,"_locale":6,"navigation":266,"sidebarRoot":8,"_id":268,"_type":13,"title":14,"_source":265,"_file":269,"_stem":270,"_extension":18},"/integrations/adyen/_dir","adyen",{"title":267,"icon":258},"Adyen Integration","adyen:integrations:adyen:_dir.yml","integrations/adyen/_dir.yml","integrations/adyen/_dir",{"_path":272,"_dir":273,"_draft":7,"_partial":8,"_locale":6,"navigation":274,"sidebarRoot":8,"_id":277,"_type":13,"title":14,"_source":273,"_file":278,"_stem":279,"_extension":18},"/integrations/amplience/_dir","amplience",{"title":275,"icon":276},"Amplience","IconAmplience","amplience:integrations:amplience:_dir.yml","integrations/amplience/_dir.yml","integrations/amplience/_dir",{"_path":281,"_dir":282,"_draft":7,"_partial":8,"_locale":6,"navigation":283,"sidebarRoot":8,"iconClass":286,"_id":287,"_type":13,"title":14,"_source":282,"_file":288,"_stem":289,"_extension":18},"/integrations/bigcommerce/_dir","bigcommerce",{"title":284,"icon":285},"BigCommerce","simple-icons:bigcommerce","text-black dark:text-white","bigcommerce:integrations:bigcommerce:_dir.yml","integrations/bigcommerce/_dir.yml","integrations/bigcommerce/_dir",{"_path":291,"_dir":292,"_draft":7,"_partial":8,"_locale":6,"navigation":293,"sidebarRoot":8,"_id":296,"_type":13,"title":14,"_source":297,"_file":298,"_stem":299,"_extension":18},"/integrations/bloomreach-content/_dir","bloomreach-content",{"title":294,"icon":295},"Bloomreach Content","IconBloomreach","bloomreachContent:integrations:bloomreach-content:_dir.yml","bloomreachContent","integrations/bloomreach-content/_dir.yml","integrations/bloomreach-content/_dir",{"_path":301,"_dir":302,"_draft":7,"_partial":8,"_locale":6,"navigation":303,"sidebarRoot":8,"_id":305,"_type":13,"title":14,"_source":306,"_file":307,"_stem":308,"_extension":18},"/integrations/bloomreach-search/_dir","bloomreach-search",{"title":304,"icon":295},"Bloomreach Discovery","bloomreachSearch:integrations:bloomreach-search:_dir.yml","bloomreachSearch","integrations/bloomreach-search/_dir.yml","integrations/bloomreach-search/_dir",{"_path":310,"_dir":311,"_draft":7,"_partial":8,"_locale":6,"navigation":312,"sidebarRoot":8,"_id":315,"_type":13,"title":14,"_source":311,"_file":316,"_stem":317,"_extension":18},"/integrations/builder/_dir","builder",{"title":313,"icon":314},"Builder.io","logos:builder-io-icon","builder:integrations:builder:_dir.yml","integrations/builder/_dir.yml","integrations/builder/_dir",{"_path":319,"_dir":320,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"navigation":321,"title":320,"_id":323,"_type":13,"_source":320,"_file":324,"_stem":325,"_extension":18},"/integrations/commercetools/_dir","commercetools",{"icon":322},"IconCommercetools","commercetools:integrations:commercetools:_dir.yml","integrations/commercetools/_dir.yml","integrations/commercetools/_dir",{"_path":327,"_dir":328,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"navigation":329,"title":320,"_id":330,"_type":13,"_source":320,"_file":331,"_stem":332,"_extension":18},"/integrations/commercetools/v2/_dir","v2",{"icon":322},"commercetools:integrations:commercetools:v2:_dir.yml","integrations/commercetools/v2/_dir.yml","integrations/commercetools/v2/_dir",{"_path":334,"_dir":335,"_draft":7,"_partial":8,"_locale":6,"navigation":336,"sidebarRoot":8,"_id":339,"_type":13,"title":14,"_source":335,"_file":340,"_stem":341,"_extension":18},"/integrations/contentful/_dir","contentful",{"title":337,"icon":338},"Contentful","logos:contentful","contentful:integrations:contentful:_dir.yml","integrations/contentful/_dir.yml","integrations/contentful/_dir",{"_path":343,"_dir":344,"_draft":7,"_partial":8,"_locale":6,"navigation":345,"sidebarRoot":8,"_id":348,"_type":13,"title":14,"_source":344,"_file":349,"_stem":350,"_extension":18},"/integrations/contentstack/_dir","contentstack",{"title":346,"icon":347},"Contentstack","IconContentstack","contentstack:integrations:contentstack:_dir.yml","integrations/contentstack/_dir.yml","integrations/contentstack/_dir",{"_path":352,"_dir":353,"_draft":7,"_partial":8,"_locale":6,"navigation":354,"sidebarRoot":8,"_id":357,"_type":13,"title":14,"_source":353,"_file":358,"_stem":359,"_extension":18},"/integrations/magento/_dir","magento",{"title":355,"icon":356},"Magento","logos:magento","magento:integrations:magento:_dir.yml","integrations/magento/_dir.yml","integrations/magento/_dir",{"_path":361,"_dir":362,"_draft":7,"_partial":8,"_locale":6,"sidebarRoot":8,"navigation":363,"_id":366,"_type":13,"title":14,"_source":362,"_file":367,"_stem":368,"_extension":18},"/integrations/odoo/_dir","odoo",{"title":364,"icon":365},"Odoo","IconOdoo","odoo:integrations:odoo:_dir.yml","integrations/odoo/_dir.yml","integrations/odoo/_dir",{"_path":370,"_dir":371,"_draft":7,"_partial":8,"_locale":6,"navigation":372,"sidebarRoot":8,"_id":374,"_type":13,"title":14,"_source":371,"_file":375,"_stem":376,"_extension":18},"/integrations/redis/_dir","redis",{"title":373,"icon":258},"Redis","redis:integrations:redis:_dir.yml","integrations/redis/_dir.yml","integrations/redis/_dir",{"_path":378,"_dir":379,"_draft":7,"_partial":8,"_locale":6,"navigation":380,"sidebarRoot":8,"_id":383,"_type":13,"title":14,"_source":379,"_file":384,"_stem":385,"_extension":18},"/integrations/sapcc/_dir","sapcc",{"title":381,"icon":382},"SAP Commerce Cloud","IconSAP","sapcc:integrations:sapcc:_dir.yml","integrations/sapcc/_dir.yml","integrations/sapcc/_dir",{"_path":387,"_dir":388,"_draft":7,"_partial":8,"_locale":6,"navigation":389,"sidebarRoot":8,"_id":390,"_type":13,"title":14,"_source":379,"_file":391,"_stem":392,"_extension":18},"/integrations/sapcc/v7/_dir","v7",{"title":381,"icon":382},"sapcc:integrations:sapcc:v7:_dir.yml","integrations/sapcc/v7/_dir.yml","integrations/sapcc/v7/_dir",{"_path":394,"_dir":395,"_draft":7,"_partial":8,"_locale":6,"navigation":396,"sidebarRoot":8,"_id":399,"_type":13,"title":14,"_source":395,"_file":400,"_stem":401,"_extension":18},"/integrations/sfcc/_dir","sfcc",{"title":397,"icon":398},"Salesforce Commerce Cloud","logos:salesforce","sfcc:integrations:sfcc:_dir.yml","integrations/sfcc/_dir.yml","integrations/sfcc/_dir",{"_path":403,"_dir":404,"_draft":7,"_partial":8,"_locale":6,"navigation":405,"sidebarRoot":8,"_id":407,"_type":13,"title":14,"_source":404,"_file":408,"_stem":409,"_extension":18},"/integrations/smartedit/_dir","smartedit",{"title":406,"icon":382},"SmartEdit","smartedit:integrations:smartedit:_dir.yml","integrations/smartedit/_dir.yml","integrations/smartedit/_dir",{"_path":411,"_dir":412,"_draft":7,"_partial":8,"_locale":6,"navigation":413,"sidebarRoot":8,"_id":416,"_type":13,"title":14,"_source":412,"_file":417,"_stem":418,"_extension":18},"/integrations/storyblok/_dir","storyblok",{"title":414,"icon":415},"Storyblok","logos:storyblok-icon","storyblok:integrations:storyblok:_dir.yml","integrations/storyblok/_dir.yml","integrations/storyblok/_dir",{"_path":420,"_dir":421,"_draft":7,"_partial":8,"_locale":6,"navigation":422,"sidebarRoot":8,"_id":425,"_type":13,"title":14,"_source":426,"_file":427,"_stem":428,"_extension":18},"/integrations/stripe-commercetools/_dir","stripe-commercetools",{"title":423,"icon":424},"Stripe + commercetools","logos:stripe","stripeCt:integrations:stripe-commercetools:_dir.yml","stripeCt","integrations/stripe-commercetools/_dir.yml","integrations/stripe-commercetools/_dir",{"_path":430,"_dir":431,"_draft":7,"_partial":8,"_locale":6,"title":432,"sidebarRoot":8,"navigation":433,"_id":435,"_type":13,"_source":431,"_file":436,"_stem":437,"_extension":18},"/middleware/_dir","middleware","Middleware",{"icon":434},"fa6-solid:layer-group","middleware:middleware:_dir.yml","middleware/_dir.yml","middleware/_dir",{"_path":439,"_dir":39,"_draft":7,"_partial":8,"_locale":6,"title":432,"sidebarRoot":8,"navigation":440,"_id":441,"_type":13,"_source":431,"_file":442,"_stem":443,"_extension":18},"/middleware/v1/_dir",{"icon":434},"middleware:middleware:v1:_dir.yml","middleware/v1/_dir.yml","middleware/v1/_dir",{"_path":445,"_dir":446,"_draft":7,"_partial":8,"_locale":6,"navigation":447,"sidebarRoot":8,"_id":449,"_type":13,"title":14,"_source":446,"_file":450,"_stem":451,"_extension":18},"/sdk/_dir","sdk",{"title":448,"icon":258},"SDK","sdk:sdk:_dir.yml","sdk/_dir.yml","sdk/_dir",{"_path":453,"_dir":454,"_draft":7,"_partial":8,"_locale":6,"navigation":455,"sidebarRoot":8,"_id":456,"_type":13,"title":14,"_source":446,"_file":457,"_stem":458,"_extension":18},"/sdk/legacy/_dir","legacy",{"title":448,"icon":258},"sdk:sdk:legacy:_dir.yml","sdk/legacy/_dir.yml","sdk/legacy/_dir",{"_path":460,"_dir":39,"_draft":7,"_partial":8,"_locale":6,"navigation":461,"sidebarRoot":8,"_id":462,"_type":13,"title":14,"_source":446,"_file":463,"_stem":464,"_extension":18},"/sdk/v1/_dir",{"title":448,"icon":258},"sdk:sdk:v1:_dir.yml","sdk/v1/_dir.yml","sdk/v1/_dir",{"_path":466,"_dir":467,"_draft":7,"_partial":8,"_locale":6,"navigation":468,"sidebarRoot":8,"_id":470,"_type":13,"title":14,"_source":467,"_file":471,"_stem":472,"_extension":18},"/storefront/_dir","storefront",{"title":469,"icon":258},"Storefront","storefront:storefront:_dir.yml","storefront/_dir.yml","storefront/_dir",{"_path":474,"_dir":475,"_draft":7,"_partial":8,"_locale":6,"navigation":476,"sidebarRoot":8,"_id":479,"_type":13,"title":14,"_source":475,"_file":480,"_stem":481,"_extension":18},"/storefront/modules/_dir","modules",{"title":477,"icon":478},"Storefront Modules","ri:home-fill","modules:storefront:modules:_dir.yml","storefront/modules/_dir.yml","storefront/modules/_dir",{"_path":483,"_dir":484,"_draft":7,"_partial":8,"_locale":6,"navigation":485,"sidebarRoot":8,"_id":488,"_type":13,"title":14,"_source":475,"_file":489,"_stem":490,"_extension":18},"/storefront/modules/search-integrations/coveo/_dir","coveo",{"title":486,"icon":487},"Coveo","ri:user-search-fill","modules:storefront:modules:2.search-integrations:1.coveo:_dir.yml","storefront/modules/2.search-integrations/1.coveo/_dir.yml","storefront/modules/2.search-integrations/1.coveo/_dir",{"_path":492,"_dir":493,"_draft":7,"_partial":8,"_locale":6,"navigation":494,"sidebarRoot":8,"_id":495,"_type":13,"title":14,"_source":475,"_file":496,"_stem":497,"_extension":18},"/storefront/modules/search-integrations/bloomreach/_dir","bloomreach",{"title":304,"icon":487},"modules:storefront:modules:2.search-integrations:3.bloomreach:_dir.yml","storefront/modules/2.search-integrations/3.bloomreach/_dir.yml","storefront/modules/2.search-integrations/3.bloomreach/_dir",{"_path":499,"_dir":500,"_draft":7,"_partial":8,"_locale":6,"navigation":501,"sidebarRoot":8,"_id":502,"_type":13,"title":14,"_source":475,"_file":503,"_stem":504,"_extension":18},"/storefront/modules/v0/_dir","v0",{"title":477,"icon":478},"modules:storefront:modules:v0:_dir.yml","storefront/modules/v0/_dir.yml","storefront/modules/v0/_dir",{"_path":506,"_dir":484,"_draft":7,"_partial":8,"_locale":6,"navigation":507,"sidebarRoot":8,"_id":508,"_type":13,"title":14,"_source":475,"_file":509,"_stem":510,"_extension":18},"/storefront/modules/v0/search-integrations/coveo/_dir",{"title":486,"icon":487},"modules:storefront:modules:v0:2.search-integrations:1.coveo:_dir.yml","storefront/modules/v0/2.search-integrations/1.coveo/_dir.yml","storefront/modules/v0/2.search-integrations/1.coveo/_dir",{"_path":512,"_dir":513,"_draft":7,"_partial":8,"_locale":6,"navigation":514,"sidebarRoot":8,"_id":515,"_type":13,"title":14,"_source":467,"_file":516,"_stem":517,"_extension":18},"/storefront/v0.1/_dir","v0.1",{"title":469,"icon":258},"storefront:storefront:v0.1:_dir.yml","storefront/v0.1/_dir.yml","storefront/v0.1/_dir",{"_path":519,"_dir":520,"_draft":7,"_partial":8,"_locale":6,"navigation":521,"sidebarRoot":8,"_id":522,"_type":13,"title":14,"_source":467,"_file":523,"_stem":524,"_extension":18},"/storefront/v0.2/_dir","v0.2",{"title":469,"icon":258},"storefront:storefront:v0.2:_dir.yml","storefront/v0.2/_dir.yml","storefront/v0.2/_dir",{"_path":526,"_dir":527,"_draft":7,"_partial":8,"_locale":6,"navigation":528,"sidebarRoot":8,"_id":530,"_type":13,"title":14,"_source":531,"_file":532,"_stem":533,"_extension":18},"/unified-data-layer/_dir","unified-data-layer",{"title":529,"icon":258},"Unified Data Layer","unified:unified-data-layer:_dir.yml","unified","unified-data-layer/_dir.yml","unified-data-layer/_dir",{"_path":535,"_dir":39,"_draft":7,"_partial":8,"_locale":6,"navigation":536,"sidebarRoot":8,"_id":537,"_type":13,"title":14,"_source":531,"_file":538,"_stem":539,"_extension":18},"/unified-data-layer/v1/_dir",{"title":529,"icon":258},"unified:unified-data-layer:v1:_dir.yml","unified-data-layer/v1/_dir.yml","unified-data-layer/v1/_dir",{"_path":541,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":543,"description":6,"body":544,"_type":238,"_id":2272,"_source":475,"_file":2273,"_stem":2274,"_extension":242,"layout":203},"/storefront/modules/_partials/login-page-next","_partials","Login Page Next",{"type":205,"children":545,"toc":2266},[546,566,2260],{"type":208,"tag":547,"props":548,"children":549},"tip",{},[550,553],{"type":208,"tag":226,"props":551,"children":552},{"v-slot:title":6},[],{"type":208,"tag":215,"props":554,"children":555},{},[556,558,564],{"type":213,"value":557},"Code examples in these steps refer to the frontend part of your project: ",{"type":208,"tag":559,"props":560,"children":561},"strong",{},[562],{"type":213,"value":563},"/apps/storefront-unified-nextjs/app/[locale]",{"type":213,"value":565},".",{"type":208,"tag":567,"props":568,"children":569},"steps",{},[570,953,1525,1845],{"type":208,"tag":226,"props":571,"children":572},{"v-slot:step-1":6},[573,580,585],{"type":208,"tag":574,"props":575,"children":577},"h3",{"id":576},"divide-the-login-page-into-two-sections",[578],{"type":213,"value":579},"Divide the Login Page into two sections",{"type":208,"tag":215,"props":581,"children":582},{},[583],{"type":213,"value":584},"The page itself currently consists of a single section with the login form centered. Let's modify the layout to include two sections side by side.",{"type":208,"tag":586,"props":587,"children":592},"pre",{"className":588,"code":589,"filename":590,"language":591,"meta":6,"style":6},"language-tsx shiki shiki-themes one-dark-pro has-diff","export async function LoginPage() {\n  const t = useTranslations('LoginPage');\n  const messages = useMessages();\n    \n  return (\n    \u003Cdiv className=\"pb-10 md:pb-6\">\n      \u003Cdiv className=\"grid gap-10 md:grid-cols-2\"> // [!code ++]\n        \u003Csection> // [!code ++]\n          {/* Login Form, it remains unchanged */}\n        \u003C/section> // [!code ++]\n        \u003Csection> // [!code ++]\n          {/* CMS Content will go here */} // [!code ++]\n        \u003C/section> // [!code ++]\n      \u003C/div> // [!code ++]\n    \u003C/div>\n  );\n}\n","(auth)/login/page.tsx","tsx",[593],{"type":208,"tag":594,"props":595,"children":596},"code",{"__ignoreMap":6},[597,631,672,699,708,721,757,791,810,830,848,865,884,901,919,936,945],{"type":208,"tag":598,"props":599,"children":602},"span",{"class":600,"line":601},"line",1,[603,609,614,619,625],{"type":208,"tag":598,"props":604,"children":606},{"style":605},"--shiki-default:#C678DD",[607],{"type":213,"value":608},"export",{"type":208,"tag":598,"props":610,"children":611},{"style":605},[612],{"type":213,"value":613}," async",{"type":208,"tag":598,"props":615,"children":616},{"style":605},[617],{"type":213,"value":618}," function",{"type":208,"tag":598,"props":620,"children":622},{"style":621},"--shiki-default:#61AFEF",[623],{"type":213,"value":624}," LoginPage",{"type":208,"tag":598,"props":626,"children":628},{"style":627},"--shiki-default:#ABB2BF",[629],{"type":213,"value":630},"() {\n",{"type":208,"tag":598,"props":632,"children":633},{"class":600,"line":236},[634,639,645,651,656,661,667],{"type":208,"tag":598,"props":635,"children":636},{"style":605},[637],{"type":213,"value":638},"  const",{"type":208,"tag":598,"props":640,"children":642},{"style":641},"--shiki-default:#E5C07B",[643],{"type":213,"value":644}," t",{"type":208,"tag":598,"props":646,"children":648},{"style":647},"--shiki-default:#56B6C2",[649],{"type":213,"value":650}," =",{"type":208,"tag":598,"props":652,"children":653},{"style":621},[654],{"type":213,"value":655}," useTranslations",{"type":208,"tag":598,"props":657,"children":658},{"style":627},[659],{"type":213,"value":660},"(",{"type":208,"tag":598,"props":662,"children":664},{"style":663},"--shiki-default:#98C379",[665],{"type":213,"value":666},"'LoginPage'",{"type":208,"tag":598,"props":668,"children":669},{"style":627},[670],{"type":213,"value":671},");\n",{"type":208,"tag":598,"props":673,"children":675},{"class":600,"line":674},3,[676,680,685,689,694],{"type":208,"tag":598,"props":677,"children":678},{"style":605},[679],{"type":213,"value":638},{"type":208,"tag":598,"props":681,"children":682},{"style":641},[683],{"type":213,"value":684}," messages",{"type":208,"tag":598,"props":686,"children":687},{"style":647},[688],{"type":213,"value":650},{"type":208,"tag":598,"props":690,"children":691},{"style":621},[692],{"type":213,"value":693}," useMessages",{"type":208,"tag":598,"props":695,"children":696},{"style":627},[697],{"type":213,"value":698},"();\n",{"type":208,"tag":598,"props":700,"children":702},{"class":600,"line":701},4,[703],{"type":208,"tag":598,"props":704,"children":705},{"style":627},[706],{"type":213,"value":707},"    \n",{"type":208,"tag":598,"props":709,"children":710},{"class":600,"line":235},[711,716],{"type":208,"tag":598,"props":712,"children":713},{"style":605},[714],{"type":213,"value":715},"  return",{"type":208,"tag":598,"props":717,"children":718},{"style":627},[719],{"type":213,"value":720}," (\n",{"type":208,"tag":598,"props":722,"children":724},{"class":600,"line":723},6,[725,730,736,742,747,752],{"type":208,"tag":598,"props":726,"children":727},{"style":627},[728],{"type":213,"value":729},"    \u003C",{"type":208,"tag":598,"props":731,"children":733},{"style":732},"--shiki-default:#E06C75",[734],{"type":213,"value":735},"div",{"type":208,"tag":598,"props":737,"children":739},{"style":738},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[740],{"type":213,"value":741}," className",{"type":208,"tag":598,"props":743,"children":744},{"style":647},[745],{"type":213,"value":746},"=",{"type":208,"tag":598,"props":748,"children":749},{"style":663},[750],{"type":213,"value":751},"\"pb-10 md:pb-6\"",{"type":208,"tag":598,"props":753,"children":754},{"style":627},[755],{"type":213,"value":756},">\n",{"type":208,"tag":598,"props":758,"children":763},{"class":759,"line":762},[600,760,761],"diff","add",7,[764,769,773,777,781,786],{"type":208,"tag":598,"props":765,"children":766},{"style":627},[767],{"type":213,"value":768},"      \u003C",{"type":208,"tag":598,"props":770,"children":771},{"style":732},[772],{"type":213,"value":735},{"type":208,"tag":598,"props":774,"children":775},{"style":738},[776],{"type":213,"value":741},{"type":208,"tag":598,"props":778,"children":779},{"style":647},[780],{"type":213,"value":746},{"type":208,"tag":598,"props":782,"children":783},{"style":663},[784],{"type":213,"value":785},"\"grid gap-10 md:grid-cols-2\"",{"type":208,"tag":598,"props":787,"children":788},{"style":627},[789],{"type":213,"value":790},">",{"type":208,"tag":598,"props":792,"children":795},{"class":793,"line":794},[600,760,761],8,[796,801,806],{"type":208,"tag":598,"props":797,"children":798},{"style":627},[799],{"type":213,"value":800},"        \u003C",{"type":208,"tag":598,"props":802,"children":803},{"style":732},[804],{"type":213,"value":805},"section",{"type":208,"tag":598,"props":807,"children":808},{"style":627},[809],{"type":213,"value":790},{"type":208,"tag":598,"props":811,"children":813},{"class":600,"line":812},9,[814,819,825],{"type":208,"tag":598,"props":815,"children":816},{"style":605},[817],{"type":213,"value":818},"          {",{"type":208,"tag":598,"props":820,"children":822},{"style":821},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[823],{"type":213,"value":824},"/* Login Form, it remains unchanged */",{"type":208,"tag":598,"props":826,"children":827},{"style":605},[828],{"type":213,"value":829},"}\n",{"type":208,"tag":598,"props":831,"children":834},{"class":832,"line":833},[600,760,761],10,[835,840,844],{"type":208,"tag":598,"props":836,"children":837},{"style":627},[838],{"type":213,"value":839},"        \u003C/",{"type":208,"tag":598,"props":841,"children":842},{"style":732},[843],{"type":213,"value":805},{"type":208,"tag":598,"props":845,"children":846},{"style":627},[847],{"type":213,"value":790},{"type":208,"tag":598,"props":849,"children":852},{"class":850,"line":851},[600,760,761],11,[853,857,861],{"type":208,"tag":598,"props":854,"children":855},{"style":627},[856],{"type":213,"value":800},{"type":208,"tag":598,"props":858,"children":859},{"style":732},[860],{"type":213,"value":805},{"type":208,"tag":598,"props":862,"children":863},{"style":627},[864],{"type":213,"value":790},{"type":208,"tag":598,"props":866,"children":869},{"class":867,"line":868},[600,760,761],12,[870,874,879],{"type":208,"tag":598,"props":871,"children":872},{"style":605},[873],{"type":213,"value":818},{"type":208,"tag":598,"props":875,"children":876},{"style":821},[877],{"type":213,"value":878},"/* CMS Content will go here */",{"type":208,"tag":598,"props":880,"children":881},{"style":605},[882],{"type":213,"value":883},"}",{"type":208,"tag":598,"props":885,"children":888},{"class":886,"line":887},[600,760,761],13,[889,893,897],{"type":208,"tag":598,"props":890,"children":891},{"style":627},[892],{"type":213,"value":839},{"type":208,"tag":598,"props":894,"children":895},{"style":732},[896],{"type":213,"value":805},{"type":208,"tag":598,"props":898,"children":899},{"style":627},[900],{"type":213,"value":790},{"type":208,"tag":598,"props":902,"children":905},{"class":903,"line":904},[600,760,761],14,[906,911,915],{"type":208,"tag":598,"props":907,"children":908},{"style":627},[909],{"type":213,"value":910},"      \u003C/",{"type":208,"tag":598,"props":912,"children":913},{"style":732},[914],{"type":213,"value":735},{"type":208,"tag":598,"props":916,"children":917},{"style":627},[918],{"type":213,"value":790},{"type":208,"tag":598,"props":920,"children":922},{"class":600,"line":921},15,[923,928,932],{"type":208,"tag":598,"props":924,"children":925},{"style":627},[926],{"type":213,"value":927},"    \u003C/",{"type":208,"tag":598,"props":929,"children":930},{"style":732},[931],{"type":213,"value":735},{"type":208,"tag":598,"props":933,"children":934},{"style":627},[935],{"type":213,"value":756},{"type":208,"tag":598,"props":937,"children":939},{"class":600,"line":938},16,[940],{"type":208,"tag":598,"props":941,"children":942},{"style":627},[943],{"type":213,"value":944},"  );\n",{"type":208,"tag":598,"props":946,"children":948},{"class":600,"line":947},17,[949],{"type":208,"tag":598,"props":950,"children":951},{"style":627},[952],{"type":213,"value":829},{"type":208,"tag":226,"props":954,"children":955},{"v-slot:step-2":6},[956,962,1014,1505],{"type":208,"tag":574,"props":957,"children":959},{"id":958},"fetch-data-from-the-cms",[960],{"type":213,"value":961},"Fetch data from the CMS",{"type":208,"tag":215,"props":963,"children":964},{},[965,967,973,975,981,983,988,990,996,998,1004,1006,1012],{"type":213,"value":966},"Our login page will have just one slot for CMS content named ",{"type":208,"tag":594,"props":968,"children":970},{"className":969},[],[971],{"type":213,"value":972},"components",{"type":213,"value":974},". To connect the page with the CMS, we need to wrap it with the ",{"type":208,"tag":594,"props":976,"children":978},{"className":977},[],[979],{"type":213,"value":980},"connectCmsPage",{"type":213,"value":982}," higher-order component. ",{"type":208,"tag":594,"props":984,"children":986},{"className":985},[],[987],{"type":213,"value":980},{"type":213,"value":989}," requires a CMS page path, which will be just ",{"type":208,"tag":594,"props":991,"children":993},{"className":992},[],[994],{"type":213,"value":995},"/login",{"type":213,"value":997}," in our case. It will handle the CMS data fetching and pass it as a ",{"type":208,"tag":594,"props":999,"children":1001},{"className":1000},[],[1002],{"type":213,"value":1003},"page",{"type":213,"value":1005}," prop into the ",{"type":208,"tag":594,"props":1007,"children":1009},{"className":1008},[],[1010],{"type":213,"value":1011},"LoginPage",{"type":213,"value":1013}," component.",{"type":208,"tag":586,"props":1015,"children":1017},{"className":588,"code":1016,"filename":590,"language":591,"meta":6,"style":6},"// [!code ++:9]\nimport { connectCmsPage } from '@/components/cms/wrappers';\nimport type { PropsWithCmsPage } from '@/types/cms';\n\ninterface LoginPage {\n  components: any;\n}\n\ntype LoginPageProps = PropsWithCmsPage\u003CLoginPage>;\n\nexport async function LoginPage() { // [!code --]\nasync function LoginPage({ page }: LoginPageProps) { // [!code ++]\n  const t = useTranslations('LoginPage');\n  const messages = useMessages();\n\n  return (\n    \u003Cdiv className=\"pb-10 md:pb-6\">\n      {/* ... */}\n    \u003C/div>\n  );\n}\n\nexport default connectCmsPage(LoginPage, {  // [!code ++]\n  getCmsPagePath: () => '/login',  // [!code ++]\n});  // [!code ++]\n",[1018],{"type":208,"tag":594,"props":1019,"children":1020},{"__ignoreMap":6},[1021,1059,1098,1107,1125,1148,1156,1164,1201,1208,1234,1276,1307,1330,1337,1348,1375,1393,1409,1417,1425,1433,1465,1495],{"type":208,"tag":598,"props":1022,"children":1024},{"class":1023,"line":236},[600,760,761],[1025,1030,1035,1039,1044,1049,1054],{"type":208,"tag":598,"props":1026,"children":1027},{"style":605},[1028],{"type":213,"value":1029},"import",{"type":208,"tag":598,"props":1031,"children":1032},{"style":627},[1033],{"type":213,"value":1034}," { ",{"type":208,"tag":598,"props":1036,"children":1037},{"style":732},[1038],{"type":213,"value":980},{"type":208,"tag":598,"props":1040,"children":1041},{"style":627},[1042],{"type":213,"value":1043}," } ",{"type":208,"tag":598,"props":1045,"children":1046},{"style":605},[1047],{"type":213,"value":1048},"from",{"type":208,"tag":598,"props":1050,"children":1051},{"style":663},[1052],{"type":213,"value":1053}," '@/components/cms/wrappers'",{"type":208,"tag":598,"props":1055,"children":1056},{"style":627},[1057],{"type":213,"value":1058},";\n",{"type":208,"tag":598,"props":1060,"children":1062},{"class":1061,"line":674},[600,760,761],[1063,1067,1072,1076,1081,1085,1089,1094],{"type":208,"tag":598,"props":1064,"children":1065},{"style":605},[1066],{"type":213,"value":1029},{"type":208,"tag":598,"props":1068,"children":1069},{"style":605},[1070],{"type":213,"value":1071}," type",{"type":208,"tag":598,"props":1073,"children":1074},{"style":627},[1075],{"type":213,"value":1034},{"type":208,"tag":598,"props":1077,"children":1078},{"style":732},[1079],{"type":213,"value":1080},"PropsWithCmsPage",{"type":208,"tag":598,"props":1082,"children":1083},{"style":627},[1084],{"type":213,"value":1043},{"type":208,"tag":598,"props":1086,"children":1087},{"style":605},[1088],{"type":213,"value":1048},{"type":208,"tag":598,"props":1090,"children":1091},{"style":663},[1092],{"type":213,"value":1093}," '@/types/cms'",{"type":208,"tag":598,"props":1095,"children":1096},{"style":627},[1097],{"type":213,"value":1058},{"type":208,"tag":598,"props":1099,"children":1101},{"class":1100,"line":701},[600,760,761],[1102],{"type":208,"tag":598,"props":1103,"children":1104},{"emptyLinePlaceholder":8},[1105],{"type":213,"value":1106},"\n",{"type":208,"tag":598,"props":1108,"children":1110},{"class":1109,"line":235},[600,760,761],[1111,1116,1120],{"type":208,"tag":598,"props":1112,"children":1113},{"style":605},[1114],{"type":213,"value":1115},"interface",{"type":208,"tag":598,"props":1117,"children":1118},{"style":641},[1119],{"type":213,"value":624},{"type":208,"tag":598,"props":1121,"children":1122},{"style":627},[1123],{"type":213,"value":1124}," {\n",{"type":208,"tag":598,"props":1126,"children":1128},{"class":1127,"line":723},[600,760,761],[1129,1134,1139,1144],{"type":208,"tag":598,"props":1130,"children":1131},{"style":732},[1132],{"type":213,"value":1133},"  components",{"type":208,"tag":598,"props":1135,"children":1136},{"style":627},[1137],{"type":213,"value":1138},": ",{"type":208,"tag":598,"props":1140,"children":1141},{"style":641},[1142],{"type":213,"value":1143},"any",{"type":208,"tag":598,"props":1145,"children":1146},{"style":627},[1147],{"type":213,"value":1058},{"type":208,"tag":598,"props":1149,"children":1151},{"class":1150,"line":762},[600,760,761],[1152],{"type":208,"tag":598,"props":1153,"children":1154},{"style":627},[1155],{"type":213,"value":829},{"type":208,"tag":598,"props":1157,"children":1159},{"class":1158,"line":794},[600,760,761],[1160],{"type":208,"tag":598,"props":1161,"children":1162},{"emptyLinePlaceholder":8},[1163],{"type":213,"value":1106},{"type":208,"tag":598,"props":1165,"children":1167},{"class":1166,"line":812},[600,760,761],[1168,1173,1178,1182,1187,1192,1196],{"type":208,"tag":598,"props":1169,"children":1170},{"style":605},[1171],{"type":213,"value":1172},"type",{"type":208,"tag":598,"props":1174,"children":1175},{"style":641},[1176],{"type":213,"value":1177}," LoginPageProps",{"type":208,"tag":598,"props":1179,"children":1180},{"style":647},[1181],{"type":213,"value":650},{"type":208,"tag":598,"props":1183,"children":1184},{"style":641},[1185],{"type":213,"value":1186}," PropsWithCmsPage",{"type":208,"tag":598,"props":1188,"children":1189},{"style":627},[1190],{"type":213,"value":1191},"\u003C",{"type":208,"tag":598,"props":1193,"children":1194},{"style":641},[1195],{"type":213,"value":1011},{"type":208,"tag":598,"props":1197,"children":1198},{"style":627},[1199],{"type":213,"value":1200},">;\n",{"type":208,"tag":598,"props":1202,"children":1203},{"class":600,"line":833},[1204],{"type":208,"tag":598,"props":1205,"children":1206},{"emptyLinePlaceholder":8},[1207],{"type":213,"value":1106},{"type":208,"tag":598,"props":1209,"children":1212},{"class":1210,"line":851},[600,760,1211],"remove",[1213,1217,1221,1225,1229],{"type":208,"tag":598,"props":1214,"children":1215},{"style":605},[1216],{"type":213,"value":608},{"type":208,"tag":598,"props":1218,"children":1219},{"style":605},[1220],{"type":213,"value":613},{"type":208,"tag":598,"props":1222,"children":1223},{"style":605},[1224],{"type":213,"value":618},{"type":208,"tag":598,"props":1226,"children":1227},{"style":621},[1228],{"type":213,"value":624},{"type":208,"tag":598,"props":1230,"children":1231},{"style":627},[1232],{"type":213,"value":1233},"() { ",{"type":208,"tag":598,"props":1235,"children":1237},{"class":1236,"line":868},[600,760,761],[1238,1243,1247,1251,1256,1261,1266,1271],{"type":208,"tag":598,"props":1239,"children":1240},{"style":605},[1241],{"type":213,"value":1242},"async",{"type":208,"tag":598,"props":1244,"children":1245},{"style":605},[1246],{"type":213,"value":618},{"type":208,"tag":598,"props":1248,"children":1249},{"style":621},[1250],{"type":213,"value":624},{"type":208,"tag":598,"props":1252,"children":1253},{"style":627},[1254],{"type":213,"value":1255},"({ ",{"type":208,"tag":598,"props":1257,"children":1259},{"style":1258},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[1260],{"type":213,"value":1003},{"type":208,"tag":598,"props":1262,"children":1263},{"style":627},[1264],{"type":213,"value":1265}," }: ",{"type":208,"tag":598,"props":1267,"children":1268},{"style":641},[1269],{"type":213,"value":1270},"LoginPageProps",{"type":208,"tag":598,"props":1272,"children":1273},{"style":627},[1274],{"type":213,"value":1275},") { ",{"type":208,"tag":598,"props":1277,"children":1278},{"class":600,"line":887},[1279,1283,1287,1291,1295,1299,1303],{"type":208,"tag":598,"props":1280,"children":1281},{"style":605},[1282],{"type":213,"value":638},{"type":208,"tag":598,"props":1284,"children":1285},{"style":641},[1286],{"type":213,"value":644},{"type":208,"tag":598,"props":1288,"children":1289},{"style":647},[1290],{"type":213,"value":650},{"type":208,"tag":598,"props":1292,"children":1293},{"style":621},[1294],{"type":213,"value":655},{"type":208,"tag":598,"props":1296,"children":1297},{"style":627},[1298],{"type":213,"value":660},{"type":208,"tag":598,"props":1300,"children":1301},{"style":663},[1302],{"type":213,"value":666},{"type":208,"tag":598,"props":1304,"children":1305},{"style":627},[1306],{"type":213,"value":671},{"type":208,"tag":598,"props":1308,"children":1309},{"class":600,"line":904},[1310,1314,1318,1322,1326],{"type":208,"tag":598,"props":1311,"children":1312},{"style":605},[1313],{"type":213,"value":638},{"type":208,"tag":598,"props":1315,"children":1316},{"style":641},[1317],{"type":213,"value":684},{"type":208,"tag":598,"props":1319,"children":1320},{"style":647},[1321],{"type":213,"value":650},{"type":208,"tag":598,"props":1323,"children":1324},{"style":621},[1325],{"type":213,"value":693},{"type":208,"tag":598,"props":1327,"children":1328},{"style":627},[1329],{"type":213,"value":698},{"type":208,"tag":598,"props":1331,"children":1332},{"class":600,"line":921},[1333],{"type":208,"tag":598,"props":1334,"children":1335},{"emptyLinePlaceholder":8},[1336],{"type":213,"value":1106},{"type":208,"tag":598,"props":1338,"children":1339},{"class":600,"line":938},[1340,1344],{"type":208,"tag":598,"props":1341,"children":1342},{"style":605},[1343],{"type":213,"value":715},{"type":208,"tag":598,"props":1345,"children":1346},{"style":627},[1347],{"type":213,"value":720},{"type":208,"tag":598,"props":1349,"children":1350},{"class":600,"line":947},[1351,1355,1359,1363,1367,1371],{"type":208,"tag":598,"props":1352,"children":1353},{"style":627},[1354],{"type":213,"value":729},{"type":208,"tag":598,"props":1356,"children":1357},{"style":732},[1358],{"type":213,"value":735},{"type":208,"tag":598,"props":1360,"children":1361},{"style":738},[1362],{"type":213,"value":741},{"type":208,"tag":598,"props":1364,"children":1365},{"style":647},[1366],{"type":213,"value":746},{"type":208,"tag":598,"props":1368,"children":1369},{"style":663},[1370],{"type":213,"value":751},{"type":208,"tag":598,"props":1372,"children":1373},{"style":627},[1374],{"type":213,"value":756},{"type":208,"tag":598,"props":1376,"children":1378},{"class":600,"line":1377},18,[1379,1384,1389],{"type":208,"tag":598,"props":1380,"children":1381},{"style":605},[1382],{"type":213,"value":1383},"      {",{"type":208,"tag":598,"props":1385,"children":1386},{"style":821},[1387],{"type":213,"value":1388},"/* ... */",{"type":208,"tag":598,"props":1390,"children":1391},{"style":605},[1392],{"type":213,"value":829},{"type":208,"tag":598,"props":1394,"children":1396},{"class":600,"line":1395},19,[1397,1401,1405],{"type":208,"tag":598,"props":1398,"children":1399},{"style":627},[1400],{"type":213,"value":927},{"type":208,"tag":598,"props":1402,"children":1403},{"style":732},[1404],{"type":213,"value":735},{"type":208,"tag":598,"props":1406,"children":1407},{"style":627},[1408],{"type":213,"value":756},{"type":208,"tag":598,"props":1410,"children":1412},{"class":600,"line":1411},20,[1413],{"type":208,"tag":598,"props":1414,"children":1415},{"style":627},[1416],{"type":213,"value":944},{"type":208,"tag":598,"props":1418,"children":1420},{"class":600,"line":1419},21,[1421],{"type":208,"tag":598,"props":1422,"children":1423},{"style":627},[1424],{"type":213,"value":829},{"type":208,"tag":598,"props":1426,"children":1428},{"class":600,"line":1427},22,[1429],{"type":208,"tag":598,"props":1430,"children":1431},{"emptyLinePlaceholder":8},[1432],{"type":213,"value":1106},{"type":208,"tag":598,"props":1434,"children":1437},{"class":1435,"line":1436},[600,760,761],23,[1438,1442,1447,1452,1456,1460],{"type":208,"tag":598,"props":1439,"children":1440},{"style":605},[1441],{"type":213,"value":608},{"type":208,"tag":598,"props":1443,"children":1444},{"style":605},[1445],{"type":213,"value":1446}," default",{"type":208,"tag":598,"props":1448,"children":1449},{"style":621},[1450],{"type":213,"value":1451}," connectCmsPage",{"type":208,"tag":598,"props":1453,"children":1454},{"style":627},[1455],{"type":213,"value":660},{"type":208,"tag":598,"props":1457,"children":1458},{"style":732},[1459],{"type":213,"value":1011},{"type":208,"tag":598,"props":1461,"children":1462},{"style":627},[1463],{"type":213,"value":1464},", {  ",{"type":208,"tag":598,"props":1466,"children":1469},{"class":1467,"line":1468},[600,760,761],24,[1470,1475,1480,1485,1490],{"type":208,"tag":598,"props":1471,"children":1472},{"style":621},[1473],{"type":213,"value":1474},"  getCmsPagePath",{"type":208,"tag":598,"props":1476,"children":1477},{"style":627},[1478],{"type":213,"value":1479},": () ",{"type":208,"tag":598,"props":1481,"children":1482},{"style":605},[1483],{"type":213,"value":1484},"=>",{"type":208,"tag":598,"props":1486,"children":1487},{"style":663},[1488],{"type":213,"value":1489}," '/login'",{"type":208,"tag":598,"props":1491,"children":1492},{"style":627},[1493],{"type":213,"value":1494},",  ",{"type":208,"tag":598,"props":1496,"children":1499},{"class":1497,"line":1498},[600,760,761],25,[1500],{"type":208,"tag":598,"props":1501,"children":1502},{"style":627},[1503],{"type":213,"value":1504},"});  ",{"type":208,"tag":215,"props":1506,"children":1507},{},[1508,1510,1515,1517,1523],{"type":213,"value":1509},"So far we didn't create the Login page in the CMS, so the ",{"type":208,"tag":594,"props":1511,"children":1513},{"className":1512},[],[1514],{"type":213,"value":1003},{"type":213,"value":1516}," prop will be ",{"type":208,"tag":594,"props":1518,"children":1520},{"className":1519},[],[1521],{"type":213,"value":1522},"null",{"type":213,"value":1524},". We'll create the page in the CMS in the next steps.",{"type":208,"tag":226,"props":1526,"children":1527},{"v-slot:step-3":6},[1528,1534,1553],{"type":208,"tag":574,"props":1529,"children":1531},{"id":1530},"render-cms-components",[1532],{"type":213,"value":1533},"Render CMS components",{"type":208,"tag":215,"props":1535,"children":1536},{},[1537,1539,1545,1547,1552],{"type":213,"value":1538},"To render the CMS content, we need to pass it to the ",{"type":208,"tag":594,"props":1540,"children":1542},{"className":1541},[],[1543],{"type":213,"value":1544},"RenderCmsContent",{"type":213,"value":1546}," component that will render the corresponding frontend components. Let's add it to the ",{"type":208,"tag":594,"props":1548,"children":1550},{"className":1549},[],[1551],{"type":213,"value":1011},{"type":213,"value":1013},{"type":208,"tag":586,"props":1554,"children":1556},{"className":588,"code":1555,"filename":590,"language":591,"meta":6,"style":6},"import { connectCmsPage } from '@/components/cms/wrappers'; // [!code --]\nimport { connectCmsPage, RenderCmsContent } from '@/components/cms/wrappers'; // [!code ++]\n\nasync function LoginPage({ page }: LoginPageProps) {\n  // ...\n  return (\n    // ...\n    \u003Csection>\n      {/* CMS Content will go here */} // [!code --]\n      {page?.components && \u003CRenderCmsContent item={page.components} />} // [!code ++]\n    \u003C/section>\n    // ...\n  );\n}\n",[1557],{"type":208,"tag":594,"props":1558,"children":1559},{"__ignoreMap":6},[1560,1593,1634,1641,1677,1685,1696,1704,1719,1735,1809,1824,1831,1838],{"type":208,"tag":598,"props":1561,"children":1563},{"class":1562,"line":601},[600,760,1211],[1564,1568,1572,1576,1580,1584,1588],{"type":208,"tag":598,"props":1565,"children":1566},{"style":605},[1567],{"type":213,"value":1029},{"type":208,"tag":598,"props":1569,"children":1570},{"style":627},[1571],{"type":213,"value":1034},{"type":208,"tag":598,"props":1573,"children":1574},{"style":732},[1575],{"type":213,"value":980},{"type":208,"tag":598,"props":1577,"children":1578},{"style":627},[1579],{"type":213,"value":1043},{"type":208,"tag":598,"props":1581,"children":1582},{"style":605},[1583],{"type":213,"value":1048},{"type":208,"tag":598,"props":1585,"children":1586},{"style":663},[1587],{"type":213,"value":1053},{"type":208,"tag":598,"props":1589,"children":1590},{"style":627},[1591],{"type":213,"value":1592},"; ",{"type":208,"tag":598,"props":1594,"children":1596},{"class":1595,"line":236},[600,760,761],[1597,1601,1605,1609,1614,1618,1622,1626,1630],{"type":208,"tag":598,"props":1598,"children":1599},{"style":605},[1600],{"type":213,"value":1029},{"type":208,"tag":598,"props":1602,"children":1603},{"style":627},[1604],{"type":213,"value":1034},{"type":208,"tag":598,"props":1606,"children":1607},{"style":732},[1608],{"type":213,"value":980},{"type":208,"tag":598,"props":1610,"children":1611},{"style":627},[1612],{"type":213,"value":1613},", ",{"type":208,"tag":598,"props":1615,"children":1616},{"style":732},[1617],{"type":213,"value":1544},{"type":208,"tag":598,"props":1619,"children":1620},{"style":627},[1621],{"type":213,"value":1043},{"type":208,"tag":598,"props":1623,"children":1624},{"style":605},[1625],{"type":213,"value":1048},{"type":208,"tag":598,"props":1627,"children":1628},{"style":663},[1629],{"type":213,"value":1053},{"type":208,"tag":598,"props":1631,"children":1632},{"style":627},[1633],{"type":213,"value":1592},{"type":208,"tag":598,"props":1635,"children":1636},{"class":600,"line":674},[1637],{"type":208,"tag":598,"props":1638,"children":1639},{"emptyLinePlaceholder":8},[1640],{"type":213,"value":1106},{"type":208,"tag":598,"props":1642,"children":1643},{"class":600,"line":701},[1644,1648,1652,1656,1660,1664,1668,1672],{"type":208,"tag":598,"props":1645,"children":1646},{"style":605},[1647],{"type":213,"value":1242},{"type":208,"tag":598,"props":1649,"children":1650},{"style":605},[1651],{"type":213,"value":618},{"type":208,"tag":598,"props":1653,"children":1654},{"style":621},[1655],{"type":213,"value":624},{"type":208,"tag":598,"props":1657,"children":1658},{"style":627},[1659],{"type":213,"value":1255},{"type":208,"tag":598,"props":1661,"children":1662},{"style":1258},[1663],{"type":213,"value":1003},{"type":208,"tag":598,"props":1665,"children":1666},{"style":627},[1667],{"type":213,"value":1265},{"type":208,"tag":598,"props":1669,"children":1670},{"style":641},[1671],{"type":213,"value":1270},{"type":208,"tag":598,"props":1673,"children":1674},{"style":627},[1675],{"type":213,"value":1676},") {\n",{"type":208,"tag":598,"props":1678,"children":1679},{"class":600,"line":235},[1680],{"type":208,"tag":598,"props":1681,"children":1682},{"style":821},[1683],{"type":213,"value":1684},"  // ...\n",{"type":208,"tag":598,"props":1686,"children":1687},{"class":600,"line":723},[1688,1692],{"type":208,"tag":598,"props":1689,"children":1690},{"style":605},[1691],{"type":213,"value":715},{"type":208,"tag":598,"props":1693,"children":1694},{"style":627},[1695],{"type":213,"value":720},{"type":208,"tag":598,"props":1697,"children":1698},{"class":600,"line":762},[1699],{"type":208,"tag":598,"props":1700,"children":1701},{"style":821},[1702],{"type":213,"value":1703},"    // ...\n",{"type":208,"tag":598,"props":1705,"children":1706},{"class":600,"line":794},[1707,1711,1715],{"type":208,"tag":598,"props":1708,"children":1709},{"style":627},[1710],{"type":213,"value":729},{"type":208,"tag":598,"props":1712,"children":1713},{"style":732},[1714],{"type":213,"value":805},{"type":208,"tag":598,"props":1716,"children":1717},{"style":627},[1718],{"type":213,"value":756},{"type":208,"tag":598,"props":1720,"children":1722},{"class":1721,"line":812},[600,760,1211],[1723,1727,1731],{"type":208,"tag":598,"props":1724,"children":1725},{"style":605},[1726],{"type":213,"value":1383},{"type":208,"tag":598,"props":1728,"children":1729},{"style":821},[1730],{"type":213,"value":878},{"type":208,"tag":598,"props":1732,"children":1733},{"style":605},[1734],{"type":213,"value":883},{"type":208,"tag":598,"props":1736,"children":1738},{"class":1737,"line":833},[600,760,761],[1739,1743,1747,1752,1756,1761,1766,1770,1775,1779,1784,1788,1792,1796,1800,1805],{"type":208,"tag":598,"props":1740,"children":1741},{"style":605},[1742],{"type":213,"value":1383},{"type":208,"tag":598,"props":1744,"children":1745},{"style":641},[1746],{"type":213,"value":1003},{"type":208,"tag":598,"props":1748,"children":1749},{"style":627},[1750],{"type":213,"value":1751},"?.",{"type":208,"tag":598,"props":1753,"children":1754},{"style":732},[1755],{"type":213,"value":972},{"type":208,"tag":598,"props":1757,"children":1758},{"style":647},[1759],{"type":213,"value":1760}," &&",{"type":208,"tag":598,"props":1762,"children":1763},{"style":627},[1764],{"type":213,"value":1765}," \u003C",{"type":208,"tag":598,"props":1767,"children":1768},{"style":641},[1769],{"type":213,"value":1544},{"type":208,"tag":598,"props":1771,"children":1772},{"style":738},[1773],{"type":213,"value":1774}," item",{"type":208,"tag":598,"props":1776,"children":1777},{"style":647},[1778],{"type":213,"value":746},{"type":208,"tag":598,"props":1780,"children":1781},{"style":605},[1782],{"type":213,"value":1783},"{",{"type":208,"tag":598,"props":1785,"children":1786},{"style":641},[1787],{"type":213,"value":1003},{"type":208,"tag":598,"props":1789,"children":1790},{"style":627},[1791],{"type":213,"value":565},{"type":208,"tag":598,"props":1793,"children":1794},{"style":732},[1795],{"type":213,"value":972},{"type":208,"tag":598,"props":1797,"children":1798},{"style":605},[1799],{"type":213,"value":883},{"type":208,"tag":598,"props":1801,"children":1802},{"style":627},[1803],{"type":213,"value":1804}," />",{"type":208,"tag":598,"props":1806,"children":1807},{"style":605},[1808],{"type":213,"value":883},{"type":208,"tag":598,"props":1810,"children":1811},{"class":600,"line":851},[1812,1816,1820],{"type":208,"tag":598,"props":1813,"children":1814},{"style":627},[1815],{"type":213,"value":927},{"type":208,"tag":598,"props":1817,"children":1818},{"style":732},[1819],{"type":213,"value":805},{"type":208,"tag":598,"props":1821,"children":1822},{"style":627},[1823],{"type":213,"value":756},{"type":208,"tag":598,"props":1825,"children":1826},{"class":600,"line":868},[1827],{"type":208,"tag":598,"props":1828,"children":1829},{"style":821},[1830],{"type":213,"value":1703},{"type":208,"tag":598,"props":1832,"children":1833},{"class":600,"line":887},[1834],{"type":208,"tag":598,"props":1835,"children":1836},{"style":627},[1837],{"type":213,"value":944},{"type":208,"tag":598,"props":1839,"children":1840},{"class":600,"line":904},[1841],{"type":208,"tag":598,"props":1842,"children":1843},{"style":627},[1844],{"type":213,"value":829},{"type":208,"tag":226,"props":1846,"children":1847},{"v-slot:step-4":6},[1848,1854,1859,2255],{"type":208,"tag":574,"props":1849,"children":1851},{"id":1850},"expand-the-auth-layout-container",[1852],{"type":213,"value":1853},"Expand the Auth Layout container",{"type":208,"tag":215,"props":1855,"children":1856},{},[1857],{"type":213,"value":1858},"The default Auth Layout container is too narrow to accommodate two sections side by side. Let's adjust the layout to make it wider.",{"type":208,"tag":586,"props":1860,"children":1863},{"className":588,"code":1861,"filename":1862,"language":591,"meta":6,"style":6},"import type { PropsWithChildren } from 'react';\n\nimport Footer from '@/components/navigations/footer';\nimport NavbarTop from '@/components/navigations/navbar-top';\n\ninterface AuthLayoutProps extends PropsWithChildren {}\n\nexport default async function AuthLayout({ children }: AuthLayoutProps) {\n  return (\n    \u003C>\n      \u003CNavbarTop />\n      \u003Cmain>\n        \u003Cdiv className=\"mx-auto max-w-[630px] px-4 pb-10 pt-4 md:px-0 md:pb-14 md:pt-9\"> // [!code --]\n        \u003Cdiv className=\"mx-auto max-w-screen-3-extra-large px-6 pb-10 pt-4 md:px-10 md:pb-14 md:pt-9\"> // [!code ++]\n          {children}\n        \u003C/div>\n      \u003C/main>\n      \u003CFooter className=\"mb-[58px] md:mb-0\" />\n    \u003C/>\n  );\n}\n","(auth)/layout.tsx",[1864],{"type":208,"tag":594,"props":1865,"children":1866},{"__ignoreMap":6},[1867,1904,1911,1937,1962,1969,1996,2003,2049,2060,2068,2085,2101,2130,2159,2174,2189,2204,2233,2241,2248],{"type":208,"tag":598,"props":1868,"children":1869},{"class":600,"line":601},[1870,1874,1878,1882,1887,1891,1895,1900],{"type":208,"tag":598,"props":1871,"children":1872},{"style":605},[1873],{"type":213,"value":1029},{"type":208,"tag":598,"props":1875,"children":1876},{"style":605},[1877],{"type":213,"value":1071},{"type":208,"tag":598,"props":1879,"children":1880},{"style":627},[1881],{"type":213,"value":1034},{"type":208,"tag":598,"props":1883,"children":1884},{"style":732},[1885],{"type":213,"value":1886},"PropsWithChildren",{"type":208,"tag":598,"props":1888,"children":1889},{"style":627},[1890],{"type":213,"value":1043},{"type":208,"tag":598,"props":1892,"children":1893},{"style":605},[1894],{"type":213,"value":1048},{"type":208,"tag":598,"props":1896,"children":1897},{"style":663},[1898],{"type":213,"value":1899}," 'react'",{"type":208,"tag":598,"props":1901,"children":1902},{"style":627},[1903],{"type":213,"value":1058},{"type":208,"tag":598,"props":1905,"children":1906},{"class":600,"line":236},[1907],{"type":208,"tag":598,"props":1908,"children":1909},{"emptyLinePlaceholder":8},[1910],{"type":213,"value":1106},{"type":208,"tag":598,"props":1912,"children":1913},{"class":600,"line":674},[1914,1918,1923,1928,1933],{"type":208,"tag":598,"props":1915,"children":1916},{"style":605},[1917],{"type":213,"value":1029},{"type":208,"tag":598,"props":1919,"children":1920},{"style":732},[1921],{"type":213,"value":1922}," Footer",{"type":208,"tag":598,"props":1924,"children":1925},{"style":605},[1926],{"type":213,"value":1927}," from",{"type":208,"tag":598,"props":1929,"children":1930},{"style":663},[1931],{"type":213,"value":1932}," '@/components/navigations/footer'",{"type":208,"tag":598,"props":1934,"children":1935},{"style":627},[1936],{"type":213,"value":1058},{"type":208,"tag":598,"props":1938,"children":1939},{"class":600,"line":701},[1940,1944,1949,1953,1958],{"type":208,"tag":598,"props":1941,"children":1942},{"style":605},[1943],{"type":213,"value":1029},{"type":208,"tag":598,"props":1945,"children":1946},{"style":732},[1947],{"type":213,"value":1948}," NavbarTop",{"type":208,"tag":598,"props":1950,"children":1951},{"style":605},[1952],{"type":213,"value":1927},{"type":208,"tag":598,"props":1954,"children":1955},{"style":663},[1956],{"type":213,"value":1957}," '@/components/navigations/navbar-top'",{"type":208,"tag":598,"props":1959,"children":1960},{"style":627},[1961],{"type":213,"value":1058},{"type":208,"tag":598,"props":1963,"children":1964},{"class":600,"line":235},[1965],{"type":208,"tag":598,"props":1966,"children":1967},{"emptyLinePlaceholder":8},[1968],{"type":213,"value":1106},{"type":208,"tag":598,"props":1970,"children":1971},{"class":600,"line":723},[1972,1976,1981,1986,1991],{"type":208,"tag":598,"props":1973,"children":1974},{"style":605},[1975],{"type":213,"value":1115},{"type":208,"tag":598,"props":1977,"children":1978},{"style":641},[1979],{"type":213,"value":1980}," AuthLayoutProps",{"type":208,"tag":598,"props":1982,"children":1983},{"style":605},[1984],{"type":213,"value":1985}," extends",{"type":208,"tag":598,"props":1987,"children":1988},{"style":641},[1989],{"type":213,"value":1990}," PropsWithChildren",{"type":208,"tag":598,"props":1992,"children":1993},{"style":627},[1994],{"type":213,"value":1995}," {}\n",{"type":208,"tag":598,"props":1997,"children":1998},{"class":600,"line":762},[1999],{"type":208,"tag":598,"props":2000,"children":2001},{"emptyLinePlaceholder":8},[2002],{"type":213,"value":1106},{"type":208,"tag":598,"props":2004,"children":2005},{"class":600,"line":794},[2006,2010,2014,2018,2022,2027,2031,2036,2040,2045],{"type":208,"tag":598,"props":2007,"children":2008},{"style":605},[2009],{"type":213,"value":608},{"type":208,"tag":598,"props":2011,"children":2012},{"style":605},[2013],{"type":213,"value":1446},{"type":208,"tag":598,"props":2015,"children":2016},{"style":605},[2017],{"type":213,"value":613},{"type":208,"tag":598,"props":2019,"children":2020},{"style":605},[2021],{"type":213,"value":618},{"type":208,"tag":598,"props":2023,"children":2024},{"style":621},[2025],{"type":213,"value":2026}," AuthLayout",{"type":208,"tag":598,"props":2028,"children":2029},{"style":627},[2030],{"type":213,"value":1255},{"type":208,"tag":598,"props":2032,"children":2033},{"style":1258},[2034],{"type":213,"value":2035},"children",{"type":208,"tag":598,"props":2037,"children":2038},{"style":627},[2039],{"type":213,"value":1265},{"type":208,"tag":598,"props":2041,"children":2042},{"style":641},[2043],{"type":213,"value":2044},"AuthLayoutProps",{"type":208,"tag":598,"props":2046,"children":2047},{"style":627},[2048],{"type":213,"value":1676},{"type":208,"tag":598,"props":2050,"children":2051},{"class":600,"line":812},[2052,2056],{"type":208,"tag":598,"props":2053,"children":2054},{"style":605},[2055],{"type":213,"value":715},{"type":208,"tag":598,"props":2057,"children":2058},{"style":627},[2059],{"type":213,"value":720},{"type":208,"tag":598,"props":2061,"children":2062},{"class":600,"line":833},[2063],{"type":208,"tag":598,"props":2064,"children":2065},{"style":627},[2066],{"type":213,"value":2067},"    \u003C>\n",{"type":208,"tag":598,"props":2069,"children":2070},{"class":600,"line":851},[2071,2075,2080],{"type":208,"tag":598,"props":2072,"children":2073},{"style":627},[2074],{"type":213,"value":768},{"type":208,"tag":598,"props":2076,"children":2077},{"style":641},[2078],{"type":213,"value":2079},"NavbarTop",{"type":208,"tag":598,"props":2081,"children":2082},{"style":627},[2083],{"type":213,"value":2084}," />\n",{"type":208,"tag":598,"props":2086,"children":2087},{"class":600,"line":868},[2088,2092,2097],{"type":208,"tag":598,"props":2089,"children":2090},{"style":627},[2091],{"type":213,"value":768},{"type":208,"tag":598,"props":2093,"children":2094},{"style":732},[2095],{"type":213,"value":2096},"main",{"type":208,"tag":598,"props":2098,"children":2099},{"style":627},[2100],{"type":213,"value":756},{"type":208,"tag":598,"props":2102,"children":2104},{"class":2103,"line":887},[600,760,1211],[2105,2109,2113,2117,2121,2126],{"type":208,"tag":598,"props":2106,"children":2107},{"style":627},[2108],{"type":213,"value":800},{"type":208,"tag":598,"props":2110,"children":2111},{"style":732},[2112],{"type":213,"value":735},{"type":208,"tag":598,"props":2114,"children":2115},{"style":738},[2116],{"type":213,"value":741},{"type":208,"tag":598,"props":2118,"children":2119},{"style":647},[2120],{"type":213,"value":746},{"type":208,"tag":598,"props":2122,"children":2123},{"style":663},[2124],{"type":213,"value":2125},"\"mx-auto max-w-[630px] px-4 pb-10 pt-4 md:px-0 md:pb-14 md:pt-9\"",{"type":208,"tag":598,"props":2127,"children":2128},{"style":627},[2129],{"type":213,"value":790},{"type":208,"tag":598,"props":2131,"children":2133},{"class":2132,"line":904},[600,760,761],[2134,2138,2142,2146,2150,2155],{"type":208,"tag":598,"props":2135,"children":2136},{"style":627},[2137],{"type":213,"value":800},{"type":208,"tag":598,"props":2139,"children":2140},{"style":732},[2141],{"type":213,"value":735},{"type":208,"tag":598,"props":2143,"children":2144},{"style":738},[2145],{"type":213,"value":741},{"type":208,"tag":598,"props":2147,"children":2148},{"style":647},[2149],{"type":213,"value":746},{"type":208,"tag":598,"props":2151,"children":2152},{"style":663},[2153],{"type":213,"value":2154},"\"mx-auto max-w-screen-3-extra-large px-6 pb-10 pt-4 md:px-10 md:pb-14 md:pt-9\"",{"type":208,"tag":598,"props":2156,"children":2157},{"style":627},[2158],{"type":213,"value":790},{"type":208,"tag":598,"props":2160,"children":2161},{"class":600,"line":921},[2162,2166,2170],{"type":208,"tag":598,"props":2163,"children":2164},{"style":605},[2165],{"type":213,"value":818},{"type":208,"tag":598,"props":2167,"children":2168},{"style":732},[2169],{"type":213,"value":2035},{"type":208,"tag":598,"props":2171,"children":2172},{"style":605},[2173],{"type":213,"value":829},{"type":208,"tag":598,"props":2175,"children":2176},{"class":600,"line":938},[2177,2181,2185],{"type":208,"tag":598,"props":2178,"children":2179},{"style":627},[2180],{"type":213,"value":839},{"type":208,"tag":598,"props":2182,"children":2183},{"style":732},[2184],{"type":213,"value":735},{"type":208,"tag":598,"props":2186,"children":2187},{"style":627},[2188],{"type":213,"value":756},{"type":208,"tag":598,"props":2190,"children":2191},{"class":600,"line":947},[2192,2196,2200],{"type":208,"tag":598,"props":2193,"children":2194},{"style":627},[2195],{"type":213,"value":910},{"type":208,"tag":598,"props":2197,"children":2198},{"style":732},[2199],{"type":213,"value":2096},{"type":208,"tag":598,"props":2201,"children":2202},{"style":627},[2203],{"type":213,"value":756},{"type":208,"tag":598,"props":2205,"children":2206},{"class":600,"line":1377},[2207,2211,2216,2220,2224,2229],{"type":208,"tag":598,"props":2208,"children":2209},{"style":627},[2210],{"type":213,"value":768},{"type":208,"tag":598,"props":2212,"children":2213},{"style":641},[2214],{"type":213,"value":2215},"Footer",{"type":208,"tag":598,"props":2217,"children":2218},{"style":738},[2219],{"type":213,"value":741},{"type":208,"tag":598,"props":2221,"children":2222},{"style":647},[2223],{"type":213,"value":746},{"type":208,"tag":598,"props":2225,"children":2226},{"style":663},[2227],{"type":213,"value":2228},"\"mb-[58px] md:mb-0\"",{"type":208,"tag":598,"props":2230,"children":2231},{"style":627},[2232],{"type":213,"value":2084},{"type":208,"tag":598,"props":2234,"children":2235},{"class":600,"line":1395},[2236],{"type":208,"tag":598,"props":2237,"children":2238},{"style":627},[2239],{"type":213,"value":2240},"    \u003C/>\n",{"type":208,"tag":598,"props":2242,"children":2243},{"class":600,"line":1411},[2244],{"type":208,"tag":598,"props":2245,"children":2246},{"style":627},[2247],{"type":213,"value":944},{"type":208,"tag":598,"props":2249,"children":2250},{"class":600,"line":1419},[2251],{"type":208,"tag":598,"props":2252,"children":2253},{"style":627},[2254],{"type":213,"value":829},{"type":208,"tag":215,"props":2256,"children":2257},{},[2258],{"type":213,"value":2259},"This change will affect all pages using the Auth Layout. Make sure to test other pages to ensure they still look as expected.",{"type":208,"tag":2261,"props":2262,"children":2263},"style",{},[2264],{"type":213,"value":2265},"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);}",{"title":6,"searchDepth":235,"depth":236,"links":2267},[2268,2269,2270,2271],{"id":576,"depth":674,"text":579},{"id":958,"depth":674,"text":961},{"id":1530,"depth":674,"text":1533},{"id":1850,"depth":674,"text":1853},"modules:storefront:modules:_partials:login-page-next.md","storefront/modules/_partials/login-page-next.md","storefront/modules/_partials/login-page-next",{"_path":2276,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":2277,"description":6,"body":2278,"_type":238,"_id":3401,"_source":475,"_file":3402,"_stem":3403,"_extension":242,"layout":203},"/storefront/modules/_partials/login-page-content-type-amplience","Login Page Content Type Amplience",{"type":205,"children":2279,"toc":3395},[2280,3391],{"type":208,"tag":567,"props":2281,"children":2282},{},[2283,2367,2884,2983],{"type":208,"tag":226,"props":2284,"children":2285},{"v-slot:step-1":6},[2286,2292,2337,2348],{"type":208,"tag":574,"props":2287,"children":2289},{"id":2288},"create-a-new-content-type",[2290],{"type":213,"value":2291},"Create a new Content Type",{"type":208,"tag":215,"props":2293,"children":2294},{},[2295,2297,2303,2305,2311,2313,2319,2321,2327,2329,2335],{"type":213,"value":2296},"From to the Development dropdown choose ",{"type":208,"tag":594,"props":2298,"children":2300},{"className":2299},[],[2301],{"type":213,"value":2302},"Content Type schemas",{"type":213,"value":2304},". Once a popup appears on the screen, choose \"code from scratch\". Set ",{"type":208,"tag":594,"props":2306,"children":2308},{"className":2307},[],[2309],{"type":213,"value":2310},"https://www.vuestorefront.io/login-page.json",{"type":213,"value":2312}," as schema ",{"type":208,"tag":594,"props":2314,"children":2316},{"className":2315},[],[2317],{"type":213,"value":2318},"id",{"type":213,"value":2320}," and set ",{"type":208,"tag":594,"props":2322,"children":2324},{"className":2323},[],[2325],{"type":213,"value":2326},"Content Type",{"type":213,"value":2328}," as the validation level. Hit the ",{"type":208,"tag":594,"props":2330,"children":2332},{"className":2331},[],[2333],{"type":213,"value":2334},"Create schema",{"type":213,"value":2336}," button to confirm.",{"type":208,"tag":215,"props":2338,"children":2339},{},[2340],{"type":208,"tag":2341,"props":2342,"children":2347},"img",{"alt":2343,"src":2344,"style":2345},"Create Content Type Modal","/storefront/modules/5.cms/images/amplience/guides-login-page-content-type-1.png",{"aspectRatio":2346},"1272/862",[],{"type":208,"tag":547,"props":2349,"children":2350},{},[2351,2354],{"type":208,"tag":226,"props":2352,"children":2353},{"v-slot:title":6},[],{"type":208,"tag":215,"props":2355,"children":2356},{},[2357,2359,2365],{"type":213,"value":2358},"You might consider making this Content Type more reusable, by naming it ",{"type":208,"tag":594,"props":2360,"children":2362},{"className":2361},[],[2363],{"type":213,"value":2364},"Single Slot Page",{"type":213,"value":2366}," which will allow you to use it in the future for other pages with a single slot for CMS content.",{"type":208,"tag":226,"props":2368,"children":2369},{"v-slot:step-2":6},[2370,2376,2404],{"type":208,"tag":574,"props":2371,"children":2373},{"id":2372},"complete-the-schema",[2374],{"type":213,"value":2375},"Complete the schema",{"type":208,"tag":215,"props":2377,"children":2378},{},[2379,2381,2386,2388,2394,2396,2402],{"type":213,"value":2380},"Next step is to add the required fields to the Content Type schema. The schema will be similar to the schemas for the other page types. This time we need just a ",{"type":208,"tag":594,"props":2382,"children":2384},{"className":2383},[],[2385],{"type":213,"value":972},{"type":213,"value":2387}," field, which will be a reference to the components we want to use on the Login Page - in our case ",{"type":208,"tag":594,"props":2389,"children":2391},{"className":2390},[],[2392],{"type":213,"value":2393},"Grid",{"type":213,"value":2395}," and ",{"type":208,"tag":594,"props":2397,"children":2399},{"className":2398},[],[2400],{"type":213,"value":2401},"Picture",{"type":213,"value":2403}," components.",{"type":208,"tag":586,"props":2405,"children":2409},{"className":2406,"code":2407,"language":2408,"meta":6,"style":6},"language-json shiki shiki-themes one-dark-pro","{\n  \"$schema\": \"http://json-schema.org/draft-07/schema#\",\n  \"$id\": \"https://www.vuestorefront.io/login-page.json\",\n  \"title\": \"Login Page\",\n  \"description\": \"Content for Login Page\",\n  \"allOf\": [\n    {\n      \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/content\"\n    }\n  ],\n  \"type\": \"object\",\n  \"properties\": {\n    \"components\": {\n      \"type\": \"array\",\n      \"title\": \"Components\",\n      \"description\": \"Components rendered in right section of the Login Page\",\n      \"items\": {\n        \"allOf\": [\n          {\n            \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/content-link\"\n          },\n          {\n            \"properties\": {\n              \"contentType\": {\n                \"enum\": [\n                  \"https://www.vuestorefront.io/grid.json\",\n                  \"https://www.vuestorefront.io/picture.json\"\n                ]\n              }\n            }\n          }\n        ]\n      }\n    }\n  },\n  \"propertyOrder\": []\n}\n","json",[2410],{"type":208,"tag":594,"props":2411,"children":2412},{"__ignoreMap":6},[2413,2421,2443,2464,2485,2506,2519,2527,2544,2552,2560,2581,2594,2606,2627,2648,2669,2681,2693,2701,2718,2726,2733,2745,2757,2769,2782,2791,2800,2809,2818,2827,2836,2845,2853,2862,2876],{"type":208,"tag":598,"props":2414,"children":2415},{"class":600,"line":601},[2416],{"type":208,"tag":598,"props":2417,"children":2418},{"style":627},[2419],{"type":213,"value":2420},"{\n",{"type":208,"tag":598,"props":2422,"children":2423},{"class":600,"line":236},[2424,2429,2433,2438],{"type":208,"tag":598,"props":2425,"children":2426},{"style":732},[2427],{"type":213,"value":2428},"  \"$schema\"",{"type":208,"tag":598,"props":2430,"children":2431},{"style":627},[2432],{"type":213,"value":1138},{"type":208,"tag":598,"props":2434,"children":2435},{"style":663},[2436],{"type":213,"value":2437},"\"http://json-schema.org/draft-07/schema#\"",{"type":208,"tag":598,"props":2439,"children":2440},{"style":627},[2441],{"type":213,"value":2442},",\n",{"type":208,"tag":598,"props":2444,"children":2445},{"class":600,"line":674},[2446,2451,2455,2460],{"type":208,"tag":598,"props":2447,"children":2448},{"style":732},[2449],{"type":213,"value":2450},"  \"$id\"",{"type":208,"tag":598,"props":2452,"children":2453},{"style":627},[2454],{"type":213,"value":1138},{"type":208,"tag":598,"props":2456,"children":2457},{"style":663},[2458],{"type":213,"value":2459},"\"https://www.vuestorefront.io/login-page.json\"",{"type":208,"tag":598,"props":2461,"children":2462},{"style":627},[2463],{"type":213,"value":2442},{"type":208,"tag":598,"props":2465,"children":2466},{"class":600,"line":701},[2467,2472,2476,2481],{"type":208,"tag":598,"props":2468,"children":2469},{"style":732},[2470],{"type":213,"value":2471},"  \"title\"",{"type":208,"tag":598,"props":2473,"children":2474},{"style":627},[2475],{"type":213,"value":1138},{"type":208,"tag":598,"props":2477,"children":2478},{"style":663},[2479],{"type":213,"value":2480},"\"Login Page\"",{"type":208,"tag":598,"props":2482,"children":2483},{"style":627},[2484],{"type":213,"value":2442},{"type":208,"tag":598,"props":2486,"children":2487},{"class":600,"line":235},[2488,2493,2497,2502],{"type":208,"tag":598,"props":2489,"children":2490},{"style":732},[2491],{"type":213,"value":2492},"  \"description\"",{"type":208,"tag":598,"props":2494,"children":2495},{"style":627},[2496],{"type":213,"value":1138},{"type":208,"tag":598,"props":2498,"children":2499},{"style":663},[2500],{"type":213,"value":2501},"\"Content for Login Page\"",{"type":208,"tag":598,"props":2503,"children":2504},{"style":627},[2505],{"type":213,"value":2442},{"type":208,"tag":598,"props":2507,"children":2508},{"class":600,"line":723},[2509,2514],{"type":208,"tag":598,"props":2510,"children":2511},{"style":732},[2512],{"type":213,"value":2513},"  \"allOf\"",{"type":208,"tag":598,"props":2515,"children":2516},{"style":627},[2517],{"type":213,"value":2518},": [\n",{"type":208,"tag":598,"props":2520,"children":2521},{"class":600,"line":762},[2522],{"type":208,"tag":598,"props":2523,"children":2524},{"style":627},[2525],{"type":213,"value":2526},"    {\n",{"type":208,"tag":598,"props":2528,"children":2529},{"class":600,"line":794},[2530,2535,2539],{"type":208,"tag":598,"props":2531,"children":2532},{"style":732},[2533],{"type":213,"value":2534},"      \"$ref\"",{"type":208,"tag":598,"props":2536,"children":2537},{"style":627},[2538],{"type":213,"value":1138},{"type":208,"tag":598,"props":2540,"children":2541},{"style":663},[2542],{"type":213,"value":2543},"\"http://bigcontent.io/cms/schema/v1/core#/definitions/content\"\n",{"type":208,"tag":598,"props":2545,"children":2546},{"class":600,"line":812},[2547],{"type":208,"tag":598,"props":2548,"children":2549},{"style":627},[2550],{"type":213,"value":2551},"    }\n",{"type":208,"tag":598,"props":2553,"children":2554},{"class":600,"line":833},[2555],{"type":208,"tag":598,"props":2556,"children":2557},{"style":627},[2558],{"type":213,"value":2559},"  ],\n",{"type":208,"tag":598,"props":2561,"children":2562},{"class":600,"line":851},[2563,2568,2572,2577],{"type":208,"tag":598,"props":2564,"children":2565},{"style":732},[2566],{"type":213,"value":2567},"  \"type\"",{"type":208,"tag":598,"props":2569,"children":2570},{"style":627},[2571],{"type":213,"value":1138},{"type":208,"tag":598,"props":2573,"children":2574},{"style":663},[2575],{"type":213,"value":2576},"\"object\"",{"type":208,"tag":598,"props":2578,"children":2579},{"style":627},[2580],{"type":213,"value":2442},{"type":208,"tag":598,"props":2582,"children":2583},{"class":600,"line":868},[2584,2589],{"type":208,"tag":598,"props":2585,"children":2586},{"style":732},[2587],{"type":213,"value":2588},"  \"properties\"",{"type":208,"tag":598,"props":2590,"children":2591},{"style":627},[2592],{"type":213,"value":2593},": {\n",{"type":208,"tag":598,"props":2595,"children":2596},{"class":600,"line":887},[2597,2602],{"type":208,"tag":598,"props":2598,"children":2599},{"style":732},[2600],{"type":213,"value":2601},"    \"components\"",{"type":208,"tag":598,"props":2603,"children":2604},{"style":627},[2605],{"type":213,"value":2593},{"type":208,"tag":598,"props":2607,"children":2608},{"class":600,"line":904},[2609,2614,2618,2623],{"type":208,"tag":598,"props":2610,"children":2611},{"style":732},[2612],{"type":213,"value":2613},"      \"type\"",{"type":208,"tag":598,"props":2615,"children":2616},{"style":627},[2617],{"type":213,"value":1138},{"type":208,"tag":598,"props":2619,"children":2620},{"style":663},[2621],{"type":213,"value":2622},"\"array\"",{"type":208,"tag":598,"props":2624,"children":2625},{"style":627},[2626],{"type":213,"value":2442},{"type":208,"tag":598,"props":2628,"children":2629},{"class":600,"line":921},[2630,2635,2639,2644],{"type":208,"tag":598,"props":2631,"children":2632},{"style":732},[2633],{"type":213,"value":2634},"      \"title\"",{"type":208,"tag":598,"props":2636,"children":2637},{"style":627},[2638],{"type":213,"value":1138},{"type":208,"tag":598,"props":2640,"children":2641},{"style":663},[2642],{"type":213,"value":2643},"\"Components\"",{"type":208,"tag":598,"props":2645,"children":2646},{"style":627},[2647],{"type":213,"value":2442},{"type":208,"tag":598,"props":2649,"children":2650},{"class":600,"line":938},[2651,2656,2660,2665],{"type":208,"tag":598,"props":2652,"children":2653},{"style":732},[2654],{"type":213,"value":2655},"      \"description\"",{"type":208,"tag":598,"props":2657,"children":2658},{"style":627},[2659],{"type":213,"value":1138},{"type":208,"tag":598,"props":2661,"children":2662},{"style":663},[2663],{"type":213,"value":2664},"\"Components rendered in right section of the Login Page\"",{"type":208,"tag":598,"props":2666,"children":2667},{"style":627},[2668],{"type":213,"value":2442},{"type":208,"tag":598,"props":2670,"children":2671},{"class":600,"line":947},[2672,2677],{"type":208,"tag":598,"props":2673,"children":2674},{"style":732},[2675],{"type":213,"value":2676},"      \"items\"",{"type":208,"tag":598,"props":2678,"children":2679},{"style":627},[2680],{"type":213,"value":2593},{"type":208,"tag":598,"props":2682,"children":2683},{"class":600,"line":1377},[2684,2689],{"type":208,"tag":598,"props":2685,"children":2686},{"style":732},[2687],{"type":213,"value":2688},"        \"allOf\"",{"type":208,"tag":598,"props":2690,"children":2691},{"style":627},[2692],{"type":213,"value":2518},{"type":208,"tag":598,"props":2694,"children":2695},{"class":600,"line":1395},[2696],{"type":208,"tag":598,"props":2697,"children":2698},{"style":627},[2699],{"type":213,"value":2700},"          {\n",{"type":208,"tag":598,"props":2702,"children":2703},{"class":600,"line":1411},[2704,2709,2713],{"type":208,"tag":598,"props":2705,"children":2706},{"style":732},[2707],{"type":213,"value":2708},"            \"$ref\"",{"type":208,"tag":598,"props":2710,"children":2711},{"style":627},[2712],{"type":213,"value":1138},{"type":208,"tag":598,"props":2714,"children":2715},{"style":663},[2716],{"type":213,"value":2717},"\"http://bigcontent.io/cms/schema/v1/core#/definitions/content-link\"\n",{"type":208,"tag":598,"props":2719,"children":2720},{"class":600,"line":1419},[2721],{"type":208,"tag":598,"props":2722,"children":2723},{"style":627},[2724],{"type":213,"value":2725},"          },\n",{"type":208,"tag":598,"props":2727,"children":2728},{"class":600,"line":1427},[2729],{"type":208,"tag":598,"props":2730,"children":2731},{"style":627},[2732],{"type":213,"value":2700},{"type":208,"tag":598,"props":2734,"children":2735},{"class":600,"line":1436},[2736,2741],{"type":208,"tag":598,"props":2737,"children":2738},{"style":732},[2739],{"type":213,"value":2740},"            \"properties\"",{"type":208,"tag":598,"props":2742,"children":2743},{"style":627},[2744],{"type":213,"value":2593},{"type":208,"tag":598,"props":2746,"children":2747},{"class":600,"line":1468},[2748,2753],{"type":208,"tag":598,"props":2749,"children":2750},{"style":732},[2751],{"type":213,"value":2752},"              \"contentType\"",{"type":208,"tag":598,"props":2754,"children":2755},{"style":627},[2756],{"type":213,"value":2593},{"type":208,"tag":598,"props":2758,"children":2759},{"class":600,"line":1498},[2760,2765],{"type":208,"tag":598,"props":2761,"children":2762},{"style":732},[2763],{"type":213,"value":2764},"                \"enum\"",{"type":208,"tag":598,"props":2766,"children":2767},{"style":627},[2768],{"type":213,"value":2518},{"type":208,"tag":598,"props":2770,"children":2772},{"class":600,"line":2771},26,[2773,2778],{"type":208,"tag":598,"props":2774,"children":2775},{"style":663},[2776],{"type":213,"value":2777},"                  \"https://www.vuestorefront.io/grid.json\"",{"type":208,"tag":598,"props":2779,"children":2780},{"style":627},[2781],{"type":213,"value":2442},{"type":208,"tag":598,"props":2783,"children":2785},{"class":600,"line":2784},27,[2786],{"type":208,"tag":598,"props":2787,"children":2788},{"style":663},[2789],{"type":213,"value":2790},"                  \"https://www.vuestorefront.io/picture.json\"\n",{"type":208,"tag":598,"props":2792,"children":2794},{"class":600,"line":2793},28,[2795],{"type":208,"tag":598,"props":2796,"children":2797},{"style":627},[2798],{"type":213,"value":2799},"                ]\n",{"type":208,"tag":598,"props":2801,"children":2803},{"class":600,"line":2802},29,[2804],{"type":208,"tag":598,"props":2805,"children":2806},{"style":627},[2807],{"type":213,"value":2808},"              }\n",{"type":208,"tag":598,"props":2810,"children":2812},{"class":600,"line":2811},30,[2813],{"type":208,"tag":598,"props":2814,"children":2815},{"style":627},[2816],{"type":213,"value":2817},"            }\n",{"type":208,"tag":598,"props":2819,"children":2821},{"class":600,"line":2820},31,[2822],{"type":208,"tag":598,"props":2823,"children":2824},{"style":627},[2825],{"type":213,"value":2826},"          }\n",{"type":208,"tag":598,"props":2828,"children":2830},{"class":600,"line":2829},32,[2831],{"type":208,"tag":598,"props":2832,"children":2833},{"style":627},[2834],{"type":213,"value":2835},"        ]\n",{"type":208,"tag":598,"props":2837,"children":2839},{"class":600,"line":2838},33,[2840],{"type":208,"tag":598,"props":2841,"children":2842},{"style":627},[2843],{"type":213,"value":2844},"      }\n",{"type":208,"tag":598,"props":2846,"children":2848},{"class":600,"line":2847},34,[2849],{"type":208,"tag":598,"props":2850,"children":2851},{"style":627},[2852],{"type":213,"value":2551},{"type":208,"tag":598,"props":2854,"children":2856},{"class":600,"line":2855},35,[2857],{"type":208,"tag":598,"props":2858,"children":2859},{"style":627},[2860],{"type":213,"value":2861},"  },\n",{"type":208,"tag":598,"props":2863,"children":2865},{"class":600,"line":2864},36,[2866,2871],{"type":208,"tag":598,"props":2867,"children":2868},{"style":732},[2869],{"type":213,"value":2870},"  \"propertyOrder\"",{"type":208,"tag":598,"props":2872,"children":2873},{"style":627},[2874],{"type":213,"value":2875},": []\n",{"type":208,"tag":598,"props":2877,"children":2879},{"class":600,"line":2878},37,[2880],{"type":208,"tag":598,"props":2881,"children":2882},{"style":627},[2883],{"type":213,"value":829},{"type":208,"tag":226,"props":2885,"children":2886},{"v-slot:step-3":6},[2887,2893,2914,2924,2953,2963],{"type":208,"tag":574,"props":2888,"children":2890},{"id":2889},"register-the-content-type",[2891],{"type":213,"value":2892},"Register the Content Type",{"type":208,"tag":215,"props":2894,"children":2895},{},[2896,2898,2904,2906,2912],{"type":213,"value":2897},"Once the schema is ready, you can choose from the ",{"type":208,"tag":594,"props":2899,"children":2901},{"className":2900},[],[2902],{"type":213,"value":2903},"Save",{"type":213,"value":2905}," dropdown ",{"type":208,"tag":594,"props":2907,"children":2909},{"className":2908},[],[2910],{"type":213,"value":2911},"Save and register as content type",{"type":213,"value":2913}," option.",{"type":208,"tag":215,"props":2915,"children":2916},{},[2917],{"type":208,"tag":2341,"props":2918,"children":2923},{"alt":2919,"src":2920,"style":2921},"Save schema","/storefront/modules/5.cms/images/amplience/guides-login-page-content-type-2.png",{"aspectRatio":2922},"2838/1142",[],{"type":208,"tag":215,"props":2925,"children":2926},{},[2927,2929,2935,2937,2943,2945,2951],{"type":213,"value":2928},"In the following screen set the ",{"type":208,"tag":594,"props":2930,"children":2932},{"className":2931},[],[2933],{"type":213,"value":2934},"Content type label",{"type":213,"value":2936}," to ",{"type":208,"tag":594,"props":2938,"children":2940},{"className":2939},[],[2941],{"type":213,"value":2942},"Login Page",{"type":213,"value":2944}," and set associated repository to ",{"type":208,"tag":594,"props":2946,"children":2948},{"className":2947},[],[2949],{"type":213,"value":2950},"Content",{"type":213,"value":2952},". Optionally you can also add the icon and card for better recognition of the Content Type for final users.",{"type":208,"tag":215,"props":2954,"children":2955},{},[2956],{"type":208,"tag":2341,"props":2957,"children":2962},{"alt":2958,"src":2959,"style":2960},"Fill Content Type","/storefront/modules/5.cms/images/amplience/guides-login-page-content-type-3.png",{"aspectRatio":2961},"2832/1394",[],{"type":208,"tag":215,"props":2964,"children":2965},{},[2966,2968,2973,2975,2981],{"type":213,"value":2967},"Now we have to adjust the config on the middleware side to match the ",{"type":208,"tag":594,"props":2969,"children":2971},{"className":2970},[],[2972],{"type":213,"value":995},{"type":213,"value":2974}," path with the ",{"type":208,"tag":594,"props":2976,"children":2978},{"className":2977},[],[2979],{"type":213,"value":2980},"login_page",{"type":213,"value":2982}," Content Type.",{"type":208,"tag":226,"props":2984,"children":2985},{"v-slot:step-4":6},[2986,2992,3019,3029,3040],{"type":208,"tag":574,"props":2987,"children":2989},{"id":2988},"add-visualization",[2990],{"type":213,"value":2991},"Add Visualization",{"type":208,"tag":215,"props":2993,"children":2994},{},[2995,2997,3003,3005,3010,3012,3018],{"type":213,"value":2996},"To be able to preview the Picture Content Type, go to the Visualizations tab and create a new visualization. The ",{"type":208,"tag":594,"props":2998,"children":3000},{"className":2999},[],[3001],{"type":213,"value":3002},"Visualization URL",{"type":213,"value":3004}," should point to the ",{"type":208,"tag":594,"props":3006,"children":3008},{"className":3007},[],[3009],{"type":213,"value":995},{"type":213,"value":3011}," page and include all the tokens in search parameters. For example: ",{"type":208,"tag":594,"props":3013,"children":3015},{"className":3014},[],[3016],{"type":213,"value":3017},"http://localhost:3000/login?hubName={{hub.name}}&contentItemId={{content.sys.id}}&deliveryKey={{delivery.key}}&snapshotId={{snapshot.id}}&vseDomain={{vse.domain}}&locales={{locales}}",{"type":213,"value":565},{"type":208,"tag":215,"props":3020,"children":3021},{},[3022],{"type":208,"tag":2341,"props":3023,"children":3028},{"alt":3024,"src":3025,"style":3026},"Localhost visualization","/storefront/modules/5.cms/images/amplience/guides-login-page-content-type-4.png",{"aspectRatio":3027},"1694/988",[],{"type":208,"tag":215,"props":3030,"children":3031},{},[3032,3034,3039],{"type":213,"value":3033},"Once done, click the ",{"type":208,"tag":594,"props":3035,"children":3037},{"className":3036},[],[3038],{"type":213,"value":2903},{"type":213,"value":2336},{"type":208,"tag":3041,"props":3042,"children":3043},"warning",{},[3044,3047,3068],{"type":208,"tag":226,"props":3045,"children":3046},{"v-slot:title":6},[],{"type":208,"tag":215,"props":3048,"children":3049},{},[3050,3052,3058,3060,3066],{"type":213,"value":3051},"Next.js has an issue with displaying authenticated pages in Visualizations. A workaround is to update the Next.js ",{"type":208,"tag":594,"props":3053,"children":3055},{"className":3054},[],[3056],{"type":213,"value":3057},"middleware.ts",{"type":213,"value":3059}," to catch error in ",{"type":208,"tag":594,"props":3061,"children":3063},{"className":3062},[],[3064],{"type":213,"value":3065},"getCustomer",{"type":213,"value":3067}," method.",{"type":208,"tag":586,"props":3069,"children":3074},{"className":3070,"code":3071,"filename":3072,"language":3073,"meta":6,"style":6},"language-ts shiki shiki-themes one-dark-pro has-diff","async function getAuthRedirectPath(request: NextRequest) {\n  const sdk = await getSdk();\n  const checkIsLoggedIn = () => sdk.unified.getCustomer().then(({ customer }) => !!customer); // [!code --]\n  // [!code ++:6]\n  const checkIsLoggedIn = () =>\n    sdk.unified\n      .getCustomer()\n      .then(({ customer }) => !!customer)\n      .catch(() => false);\n\n  //...\n}\n","apps/storefront-unified-nextjs/proxy.ts","ts",[3075],{"type":208,"tag":594,"props":3076,"children":3077},{"__ignoreMap":6},[3078,3116,3146,3235,3260,3278,3296,3337,3369,3376,3384],{"type":208,"tag":598,"props":3079,"children":3080},{"class":600,"line":601},[3081,3085,3089,3094,3098,3103,3107,3112],{"type":208,"tag":598,"props":3082,"children":3083},{"style":605},[3084],{"type":213,"value":1242},{"type":208,"tag":598,"props":3086,"children":3087},{"style":605},[3088],{"type":213,"value":618},{"type":208,"tag":598,"props":3090,"children":3091},{"style":621},[3092],{"type":213,"value":3093}," getAuthRedirectPath",{"type":208,"tag":598,"props":3095,"children":3096},{"style":627},[3097],{"type":213,"value":660},{"type":208,"tag":598,"props":3099,"children":3100},{"style":1258},[3101],{"type":213,"value":3102},"request",{"type":208,"tag":598,"props":3104,"children":3105},{"style":627},[3106],{"type":213,"value":1138},{"type":208,"tag":598,"props":3108,"children":3109},{"style":641},[3110],{"type":213,"value":3111},"NextRequest",{"type":208,"tag":598,"props":3113,"children":3114},{"style":627},[3115],{"type":213,"value":1676},{"type":208,"tag":598,"props":3117,"children":3118},{"class":600,"line":236},[3119,3123,3128,3132,3137,3142],{"type":208,"tag":598,"props":3120,"children":3121},{"style":605},[3122],{"type":213,"value":638},{"type":208,"tag":598,"props":3124,"children":3125},{"style":641},[3126],{"type":213,"value":3127}," sdk",{"type":208,"tag":598,"props":3129,"children":3130},{"style":647},[3131],{"type":213,"value":650},{"type":208,"tag":598,"props":3133,"children":3134},{"style":605},[3135],{"type":213,"value":3136}," await",{"type":208,"tag":598,"props":3138,"children":3139},{"style":621},[3140],{"type":213,"value":3141}," getSdk",{"type":208,"tag":598,"props":3143,"children":3144},{"style":627},[3145],{"type":213,"value":698},{"type":208,"tag":598,"props":3147,"children":3149},{"class":3148,"line":674},[600,760,1211],[3150,3154,3159,3163,3168,3172,3176,3180,3184,3188,3192,3197,3202,3207,3212,3217,3221,3226,3230],{"type":208,"tag":598,"props":3151,"children":3152},{"style":605},[3153],{"type":213,"value":638},{"type":208,"tag":598,"props":3155,"children":3156},{"style":621},[3157],{"type":213,"value":3158}," checkIsLoggedIn",{"type":208,"tag":598,"props":3160,"children":3161},{"style":647},[3162],{"type":213,"value":650},{"type":208,"tag":598,"props":3164,"children":3165},{"style":627},[3166],{"type":213,"value":3167}," () ",{"type":208,"tag":598,"props":3169,"children":3170},{"style":605},[3171],{"type":213,"value":1484},{"type":208,"tag":598,"props":3173,"children":3174},{"style":641},[3175],{"type":213,"value":3127},{"type":208,"tag":598,"props":3177,"children":3178},{"style":627},[3179],{"type":213,"value":565},{"type":208,"tag":598,"props":3181,"children":3182},{"style":641},[3183],{"type":213,"value":531},{"type":208,"tag":598,"props":3185,"children":3186},{"style":627},[3187],{"type":213,"value":565},{"type":208,"tag":598,"props":3189,"children":3190},{"style":621},[3191],{"type":213,"value":3065},{"type":208,"tag":598,"props":3193,"children":3194},{"style":627},[3195],{"type":213,"value":3196},"().",{"type":208,"tag":598,"props":3198,"children":3199},{"style":621},[3200],{"type":213,"value":3201},"then",{"type":208,"tag":598,"props":3203,"children":3204},{"style":627},[3205],{"type":213,"value":3206},"(({ ",{"type":208,"tag":598,"props":3208,"children":3209},{"style":1258},[3210],{"type":213,"value":3211},"customer",{"type":208,"tag":598,"props":3213,"children":3214},{"style":627},[3215],{"type":213,"value":3216}," }) ",{"type":208,"tag":598,"props":3218,"children":3219},{"style":605},[3220],{"type":213,"value":1484},{"type":208,"tag":598,"props":3222,"children":3223},{"style":647},[3224],{"type":213,"value":3225}," !!",{"type":208,"tag":598,"props":3227,"children":3228},{"style":732},[3229],{"type":213,"value":3211},{"type":208,"tag":598,"props":3231,"children":3232},{"style":627},[3233],{"type":213,"value":3234},"); ",{"type":208,"tag":598,"props":3236,"children":3238},{"class":3237,"line":235},[600,760,761],[3239,3243,3247,3251,3255],{"type":208,"tag":598,"props":3240,"children":3241},{"style":605},[3242],{"type":213,"value":638},{"type":208,"tag":598,"props":3244,"children":3245},{"style":621},[3246],{"type":213,"value":3158},{"type":208,"tag":598,"props":3248,"children":3249},{"style":647},[3250],{"type":213,"value":650},{"type":208,"tag":598,"props":3252,"children":3253},{"style":627},[3254],{"type":213,"value":3167},{"type":208,"tag":598,"props":3256,"children":3257},{"style":605},[3258],{"type":213,"value":3259},"=>\n",{"type":208,"tag":598,"props":3261,"children":3263},{"class":3262,"line":723},[600,760,761],[3264,3269,3273],{"type":208,"tag":598,"props":3265,"children":3266},{"style":641},[3267],{"type":213,"value":3268},"    sdk",{"type":208,"tag":598,"props":3270,"children":3271},{"style":627},[3272],{"type":213,"value":565},{"type":208,"tag":598,"props":3274,"children":3275},{"style":732},[3276],{"type":213,"value":3277},"unified\n",{"type":208,"tag":598,"props":3279,"children":3281},{"class":3280,"line":762},[600,760,761],[3282,3287,3291],{"type":208,"tag":598,"props":3283,"children":3284},{"style":627},[3285],{"type":213,"value":3286},"      .",{"type":208,"tag":598,"props":3288,"children":3289},{"style":621},[3290],{"type":213,"value":3065},{"type":208,"tag":598,"props":3292,"children":3293},{"style":627},[3294],{"type":213,"value":3295},"()\n",{"type":208,"tag":598,"props":3297,"children":3299},{"class":3298,"line":794},[600,760,761],[3300,3304,3308,3312,3316,3320,3324,3328,3332],{"type":208,"tag":598,"props":3301,"children":3302},{"style":627},[3303],{"type":213,"value":3286},{"type":208,"tag":598,"props":3305,"children":3306},{"style":621},[3307],{"type":213,"value":3201},{"type":208,"tag":598,"props":3309,"children":3310},{"style":627},[3311],{"type":213,"value":3206},{"type":208,"tag":598,"props":3313,"children":3314},{"style":1258},[3315],{"type":213,"value":3211},{"type":208,"tag":598,"props":3317,"children":3318},{"style":627},[3319],{"type":213,"value":3216},{"type":208,"tag":598,"props":3321,"children":3322},{"style":605},[3323],{"type":213,"value":1484},{"type":208,"tag":598,"props":3325,"children":3326},{"style":647},[3327],{"type":213,"value":3225},{"type":208,"tag":598,"props":3329,"children":3330},{"style":732},[3331],{"type":213,"value":3211},{"type":208,"tag":598,"props":3333,"children":3334},{"style":627},[3335],{"type":213,"value":3336},")\n",{"type":208,"tag":598,"props":3338,"children":3340},{"class":3339,"line":812},[600,760,761],[3341,3345,3350,3355,3359,3365],{"type":208,"tag":598,"props":3342,"children":3343},{"style":627},[3344],{"type":213,"value":3286},{"type":208,"tag":598,"props":3346,"children":3347},{"style":621},[3348],{"type":213,"value":3349},"catch",{"type":208,"tag":598,"props":3351,"children":3352},{"style":627},[3353],{"type":213,"value":3354},"(() ",{"type":208,"tag":598,"props":3356,"children":3357},{"style":605},[3358],{"type":213,"value":1484},{"type":208,"tag":598,"props":3360,"children":3362},{"style":3361},"--shiki-default:#D19A66",[3363],{"type":213,"value":3364}," false",{"type":208,"tag":598,"props":3366,"children":3367},{"style":627},[3368],{"type":213,"value":671},{"type":208,"tag":598,"props":3370,"children":3371},{"class":600,"line":833},[3372],{"type":208,"tag":598,"props":3373,"children":3374},{"emptyLinePlaceholder":8},[3375],{"type":213,"value":1106},{"type":208,"tag":598,"props":3377,"children":3378},{"class":600,"line":851},[3379],{"type":208,"tag":598,"props":3380,"children":3381},{"style":821},[3382],{"type":213,"value":3383},"  //...\n",{"type":208,"tag":598,"props":3385,"children":3386},{"class":600,"line":868},[3387],{"type":208,"tag":598,"props":3388,"children":3389},{"style":627},[3390],{"type":213,"value":829},{"type":208,"tag":2261,"props":3392,"children":3393},{},[3394],{"type":213,"value":2265},{"title":6,"searchDepth":235,"depth":236,"links":3396},[3397,3398,3399,3400],{"id":2288,"depth":674,"text":2291},{"id":2372,"depth":674,"text":2375},{"id":2889,"depth":674,"text":2892},{"id":2988,"depth":674,"text":2991},"modules:storefront:modules:_partials:login-page-content-type-amplience.md","storefront/modules/_partials/login-page-content-type-amplience.md","storefront/modules/_partials/login-page-content-type-amplience",{"_path":3405,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":3406,"description":6,"body":3407,"_type":238,"_id":4289,"_source":475,"_file":4290,"_stem":4291,"_extension":242,"layout":203},"/storefront/modules/_partials/login-page-adding-content-amplience","Login Page Adding Content Amplience",{"type":205,"children":3408,"toc":4283},[3409,4279],{"type":208,"tag":567,"props":3410,"children":3411},{},[3412,3500,3546,4242],{"type":208,"tag":226,"props":3413,"children":3414},{"v-slot:step-1":6},[3415,3421,3459,3469,3479,3491],{"type":208,"tag":574,"props":3416,"children":3418},{"id":3417},"add-a-main-picture-component",[3419],{"type":213,"value":3420},"Add a main Picture component",{"type":208,"tag":215,"props":3422,"children":3423},{},[3424,3426,3430,3432,3437,3439,3444,3446,3450,3452,3457],{"type":213,"value":3425},"First we'll create a caption for our main Picture component. Navigate to the ",{"type":208,"tag":559,"props":3427,"children":3428},{},[3429],{"type":213,"value":2950},{"type":213,"value":3431}," page and click the ",{"type":208,"tag":559,"props":3433,"children":3434},{},[3435],{"type":213,"value":3436},"Create content",{"type":213,"value":3438}," button in the top right corner. Choose ",{"type":208,"tag":559,"props":3440,"children":3441},{},[3442],{"type":213,"value":3443},"Editorial",{"type":213,"value":3445}," from the list. Then fill the content and click ",{"type":208,"tag":559,"props":3447,"children":3448},{},[3449],{"type":213,"value":2903},{"type":213,"value":3451},". Additionally, you can add a margin top to the caption to make it look better. To do this, add a group entry in the ",{"type":208,"tag":559,"props":3453,"children":3454},{},[3455],{"type":213,"value":3456},"Styles",{"type":213,"value":3458}," field.",{"type":208,"tag":215,"props":3460,"children":3461},{},[3462],{"type":208,"tag":2341,"props":3463,"children":3468},{"alt":3464,"src":3465,"style":3466},"Caption for main Picture","/storefront/modules/5.cms/images/amplience/guides-login-page-create-content-1.png",{"aspectRatio":3467},"2842/950",[],{"type":208,"tag":215,"props":3470,"children":3471},{},[3472],{"type":208,"tag":2341,"props":3473,"children":3478},{"alt":3474,"src":3475,"style":3476},"Caption margin","/storefront/modules/5.cms/images/amplience/guides-login-page-create-content-2.png",{"aspectRatio":3477},"1388/788",[],{"type":208,"tag":215,"props":3480,"children":3481},{},[3482,3484,3489],{"type":213,"value":3483},"Then create a new Picture entry. Upload an image and choose the previously created Caption entry in the ",{"type":208,"tag":559,"props":3485,"children":3486},{},[3487],{"type":213,"value":3488},"Caption",{"type":213,"value":3490}," field. Once done, save the entry.",{"type":208,"tag":215,"props":3492,"children":3493},{},[3494],{"type":208,"tag":2341,"props":3495,"children":3499},{"alt":3464,"src":3496,"style":3497},"/storefront/modules/5.cms/images/amplience/guides-login-page-create-content-3.png",{"aspectRatio":3498},"2820/1316",[],{"type":208,"tag":226,"props":3501,"children":3502},{"v-slot:step-2":6},[3503,3509,3531,3541],{"type":208,"tag":574,"props":3504,"children":3506},{"id":3505},"add-an-icon",[3507],{"type":213,"value":3508},"Add an icon",{"type":208,"tag":215,"props":3510,"children":3511},{},[3512,3514,3518,3520,3524,3526,3530],{"type":213,"value":3513},"Below the main Picture, there is a grid of icons. To create a first icon, create a new ",{"type":208,"tag":559,"props":3515,"children":3516},{},[3517],{"type":213,"value":3443},{"type":213,"value":3519}," entry for caption, and then a new ",{"type":208,"tag":559,"props":3521,"children":3522},{},[3523],{"type":213,"value":2401},{"type":213,"value":3525}," entry for the icon. Upload the icon image and choose the caption entry in the ",{"type":208,"tag":559,"props":3527,"children":3528},{},[3529],{"type":213,"value":3488},{"type":213,"value":3458},{"type":208,"tag":215,"props":3532,"children":3533},{},[3534],{"type":208,"tag":2341,"props":3535,"children":3540},{"alt":3536,"src":3537,"style":3538},"Adding an icon","/storefront/modules/5.cms/images/amplience/guides-login-page-create-content-4.png",{"aspectRatio":3539},"2366/1322",[],{"type":208,"tag":215,"props":3542,"children":3543},{},[3544],{"type":213,"value":3545},"Publish the icon entry and repeat the process for the remaining icons.",{"type":208,"tag":226,"props":3547,"children":3548},{"v-slot:step-3":6},[3549,3555,3608,3969,3986,3991,4110,4115,4219,4232],{"type":208,"tag":574,"props":3550,"children":3552},{"id":3551},"place-the-icons-in-a-grid",[3553],{"type":213,"value":3554},"Place the icons in a grid",{"type":208,"tag":215,"props":3556,"children":3557},{},[3558,3560,3564,3566,3570,3572,3576,3578,3582,3584,3590,3592,3598,3600,3606],{"type":213,"value":3559},"To display the icons in a grid, create a new ",{"type":208,"tag":559,"props":3561,"children":3562},{},[3563],{"type":213,"value":2393},{"type":213,"value":3565}," entry. To be able to add a ",{"type":208,"tag":559,"props":3567,"children":3568},{},[3569],{"type":213,"value":2401},{"type":213,"value":3571}," component into the Grid, you need to add a ",{"type":208,"tag":559,"props":3573,"children":3574},{},[3575],{"type":213,"value":2401},{"type":213,"value":3577}," Content Type as allowed in ",{"type":208,"tag":559,"props":3579,"children":3580},{},[3581],{"type":213,"value":2393},{"type":213,"value":3583}," schema. Go to Content type schemas page and find ",{"type":208,"tag":594,"props":3585,"children":3587},{"className":3586},[],[3588],{"type":213,"value":3589},"https://www.vuestorefront.io/grid.json",{"type":213,"value":3591}," schema. Then update the ",{"type":208,"tag":594,"props":3593,"children":3595},{"className":3594},[],[3596],{"type":213,"value":3597},"items",{"type":213,"value":3599}," property and choose ",{"type":208,"tag":594,"props":3601,"children":3603},{"className":3602},[],[3604],{"type":213,"value":3605},"Save and sync content type",{"type":213,"value":3607}," from the Save dropdown.",{"type":208,"tag":586,"props":3609,"children":3612},{"className":3610,"code":3611,"language":2408,"meta":6,"style":6},"language-json shiki shiki-themes one-dark-pro has-diff","{\n  \"properties\": {\n    \"items\": {\n      \"type\": \"array\",\n      \"items\": {\n        \"type\": \"object\",\n        \"allOf\": [\n          {\n            \"$ref\": \"http://bigcontent.io/cms/schema/v1/core#/definitions/content-link\"\n          },\n          {\n            \"properties\": {\n              \"contentType\": {\n                \"enum\": [\n                  \"https://www.vuestorefront.io/banner.json\",\n                  \"https://www.vuestorefront.io/hero.json\",\n                  \"https://www.vuestorefront.io/card.json\",\n                  \"https://www.vuestorefront.io/category-card.json\",\n                  \"https://www.vuestorefront.io/product-card.json\",\n                  \"https://www.vuestorefront.io/editorial.json\",\n                  \"https://www.vuestorefront.io/scrollable.json\",\n                  \"https://www.vuestorefront.io/newsletter-box.json\",\n                  \"https://www.vuestorefront.io/accordion.json\",\n                  \"https://www.vuestorefront.io/gallery.json\",\n                  \"https://www.vuestorefront.io/picture.json\" // [!code ++]\n                ]\n              }\n            }\n          }\n        ]\n      }\n    }\n  }\n}\n",[3613],{"type":208,"tag":594,"props":3614,"children":3615},{"__ignoreMap":6},[3616,3623,3634,3646,3665,3676,3696,3707,3714,3729,3736,3743,3754,3765,3776,3788,3800,3812,3824,3836,3848,3860,3872,3884,3896,3905,3912,3919,3926,3933,3940,3947,3954,3962],{"type":208,"tag":598,"props":3617,"children":3618},{"class":600,"line":601},[3619],{"type":208,"tag":598,"props":3620,"children":3621},{"style":627},[3622],{"type":213,"value":2420},{"type":208,"tag":598,"props":3624,"children":3625},{"class":600,"line":236},[3626,3630],{"type":208,"tag":598,"props":3627,"children":3628},{"style":732},[3629],{"type":213,"value":2588},{"type":208,"tag":598,"props":3631,"children":3632},{"style":627},[3633],{"type":213,"value":2593},{"type":208,"tag":598,"props":3635,"children":3636},{"class":600,"line":674},[3637,3642],{"type":208,"tag":598,"props":3638,"children":3639},{"style":732},[3640],{"type":213,"value":3641},"    \"items\"",{"type":208,"tag":598,"props":3643,"children":3644},{"style":627},[3645],{"type":213,"value":2593},{"type":208,"tag":598,"props":3647,"children":3648},{"class":600,"line":701},[3649,3653,3657,3661],{"type":208,"tag":598,"props":3650,"children":3651},{"style":732},[3652],{"type":213,"value":2613},{"type":208,"tag":598,"props":3654,"children":3655},{"style":627},[3656],{"type":213,"value":1138},{"type":208,"tag":598,"props":3658,"children":3659},{"style":663},[3660],{"type":213,"value":2622},{"type":208,"tag":598,"props":3662,"children":3663},{"style":627},[3664],{"type":213,"value":2442},{"type":208,"tag":598,"props":3666,"children":3667},{"class":600,"line":235},[3668,3672],{"type":208,"tag":598,"props":3669,"children":3670},{"style":732},[3671],{"type":213,"value":2676},{"type":208,"tag":598,"props":3673,"children":3674},{"style":627},[3675],{"type":213,"value":2593},{"type":208,"tag":598,"props":3677,"children":3678},{"class":600,"line":723},[3679,3684,3688,3692],{"type":208,"tag":598,"props":3680,"children":3681},{"style":732},[3682],{"type":213,"value":3683},"        \"type\"",{"type":208,"tag":598,"props":3685,"children":3686},{"style":627},[3687],{"type":213,"value":1138},{"type":208,"tag":598,"props":3689,"children":3690},{"style":663},[3691],{"type":213,"value":2576},{"type":208,"tag":598,"props":3693,"children":3694},{"style":627},[3695],{"type":213,"value":2442},{"type":208,"tag":598,"props":3697,"children":3698},{"class":600,"line":762},[3699,3703],{"type":208,"tag":598,"props":3700,"children":3701},{"style":732},[3702],{"type":213,"value":2688},{"type":208,"tag":598,"props":3704,"children":3705},{"style":627},[3706],{"type":213,"value":2518},{"type":208,"tag":598,"props":3708,"children":3709},{"class":600,"line":794},[3710],{"type":208,"tag":598,"props":3711,"children":3712},{"style":627},[3713],{"type":213,"value":2700},{"type":208,"tag":598,"props":3715,"children":3716},{"class":600,"line":812},[3717,3721,3725],{"type":208,"tag":598,"props":3718,"children":3719},{"style":732},[3720],{"type":213,"value":2708},{"type":208,"tag":598,"props":3722,"children":3723},{"style":627},[3724],{"type":213,"value":1138},{"type":208,"tag":598,"props":3726,"children":3727},{"style":663},[3728],{"type":213,"value":2717},{"type":208,"tag":598,"props":3730,"children":3731},{"class":600,"line":833},[3732],{"type":208,"tag":598,"props":3733,"children":3734},{"style":627},[3735],{"type":213,"value":2725},{"type":208,"tag":598,"props":3737,"children":3738},{"class":600,"line":851},[3739],{"type":208,"tag":598,"props":3740,"children":3741},{"style":627},[3742],{"type":213,"value":2700},{"type":208,"tag":598,"props":3744,"children":3745},{"class":600,"line":868},[3746,3750],{"type":208,"tag":598,"props":3747,"children":3748},{"style":732},[3749],{"type":213,"value":2740},{"type":208,"tag":598,"props":3751,"children":3752},{"style":627},[3753],{"type":213,"value":2593},{"type":208,"tag":598,"props":3755,"children":3756},{"class":600,"line":887},[3757,3761],{"type":208,"tag":598,"props":3758,"children":3759},{"style":732},[3760],{"type":213,"value":2752},{"type":208,"tag":598,"props":3762,"children":3763},{"style":627},[3764],{"type":213,"value":2593},{"type":208,"tag":598,"props":3766,"children":3767},{"class":600,"line":904},[3768,3772],{"type":208,"tag":598,"props":3769,"children":3770},{"style":732},[3771],{"type":213,"value":2764},{"type":208,"tag":598,"props":3773,"children":3774},{"style":627},[3775],{"type":213,"value":2518},{"type":208,"tag":598,"props":3777,"children":3778},{"class":600,"line":921},[3779,3784],{"type":208,"tag":598,"props":3780,"children":3781},{"style":663},[3782],{"type":213,"value":3783},"                  \"https://www.vuestorefront.io/banner.json\"",{"type":208,"tag":598,"props":3785,"children":3786},{"style":627},[3787],{"type":213,"value":2442},{"type":208,"tag":598,"props":3789,"children":3790},{"class":600,"line":938},[3791,3796],{"type":208,"tag":598,"props":3792,"children":3793},{"style":663},[3794],{"type":213,"value":3795},"                  \"https://www.vuestorefront.io/hero.json\"",{"type":208,"tag":598,"props":3797,"children":3798},{"style":627},[3799],{"type":213,"value":2442},{"type":208,"tag":598,"props":3801,"children":3802},{"class":600,"line":947},[3803,3808],{"type":208,"tag":598,"props":3804,"children":3805},{"style":663},[3806],{"type":213,"value":3807},"                  \"https://www.vuestorefront.io/card.json\"",{"type":208,"tag":598,"props":3809,"children":3810},{"style":627},[3811],{"type":213,"value":2442},{"type":208,"tag":598,"props":3813,"children":3814},{"class":600,"line":1377},[3815,3820],{"type":208,"tag":598,"props":3816,"children":3817},{"style":663},[3818],{"type":213,"value":3819},"                  \"https://www.vuestorefront.io/category-card.json\"",{"type":208,"tag":598,"props":3821,"children":3822},{"style":627},[3823],{"type":213,"value":2442},{"type":208,"tag":598,"props":3825,"children":3826},{"class":600,"line":1395},[3827,3832],{"type":208,"tag":598,"props":3828,"children":3829},{"style":663},[3830],{"type":213,"value":3831},"                  \"https://www.vuestorefront.io/product-card.json\"",{"type":208,"tag":598,"props":3833,"children":3834},{"style":627},[3835],{"type":213,"value":2442},{"type":208,"tag":598,"props":3837,"children":3838},{"class":600,"line":1411},[3839,3844],{"type":208,"tag":598,"props":3840,"children":3841},{"style":663},[3842],{"type":213,"value":3843},"                  \"https://www.vuestorefront.io/editorial.json\"",{"type":208,"tag":598,"props":3845,"children":3846},{"style":627},[3847],{"type":213,"value":2442},{"type":208,"tag":598,"props":3849,"children":3850},{"class":600,"line":1419},[3851,3856],{"type":208,"tag":598,"props":3852,"children":3853},{"style":663},[3854],{"type":213,"value":3855},"                  \"https://www.vuestorefront.io/scrollable.json\"",{"type":208,"tag":598,"props":3857,"children":3858},{"style":627},[3859],{"type":213,"value":2442},{"type":208,"tag":598,"props":3861,"children":3862},{"class":600,"line":1427},[3863,3868],{"type":208,"tag":598,"props":3864,"children":3865},{"style":663},[3866],{"type":213,"value":3867},"                  \"https://www.vuestorefront.io/newsletter-box.json\"",{"type":208,"tag":598,"props":3869,"children":3870},{"style":627},[3871],{"type":213,"value":2442},{"type":208,"tag":598,"props":3873,"children":3874},{"class":600,"line":1436},[3875,3880],{"type":208,"tag":598,"props":3876,"children":3877},{"style":663},[3878],{"type":213,"value":3879},"                  \"https://www.vuestorefront.io/accordion.json\"",{"type":208,"tag":598,"props":3881,"children":3882},{"style":627},[3883],{"type":213,"value":2442},{"type":208,"tag":598,"props":3885,"children":3886},{"class":600,"line":1468},[3887,3892],{"type":208,"tag":598,"props":3888,"children":3889},{"style":663},[3890],{"type":213,"value":3891},"                  \"https://www.vuestorefront.io/gallery.json\"",{"type":208,"tag":598,"props":3893,"children":3894},{"style":627},[3895],{"type":213,"value":2442},{"type":208,"tag":598,"props":3897,"children":3899},{"class":3898,"line":1498},[600,760,761],[3900],{"type":208,"tag":598,"props":3901,"children":3902},{"style":663},[3903],{"type":213,"value":3904},"                  \"https://www.vuestorefront.io/picture.json\"",{"type":208,"tag":598,"props":3906,"children":3907},{"class":600,"line":2771},[3908],{"type":208,"tag":598,"props":3909,"children":3910},{"style":627},[3911],{"type":213,"value":2799},{"type":208,"tag":598,"props":3913,"children":3914},{"class":600,"line":2784},[3915],{"type":208,"tag":598,"props":3916,"children":3917},{"style":627},[3918],{"type":213,"value":2808},{"type":208,"tag":598,"props":3920,"children":3921},{"class":600,"line":2793},[3922],{"type":208,"tag":598,"props":3923,"children":3924},{"style":627},[3925],{"type":213,"value":2817},{"type":208,"tag":598,"props":3927,"children":3928},{"class":600,"line":2802},[3929],{"type":208,"tag":598,"props":3930,"children":3931},{"style":627},[3932],{"type":213,"value":2826},{"type":208,"tag":598,"props":3934,"children":3935},{"class":600,"line":2811},[3936],{"type":208,"tag":598,"props":3937,"children":3938},{"style":627},[3939],{"type":213,"value":2835},{"type":208,"tag":598,"props":3941,"children":3942},{"class":600,"line":2820},[3943],{"type":208,"tag":598,"props":3944,"children":3945},{"style":627},[3946],{"type":213,"value":2844},{"type":208,"tag":598,"props":3948,"children":3949},{"class":600,"line":2829},[3950],{"type":208,"tag":598,"props":3951,"children":3952},{"style":627},[3953],{"type":213,"value":2551},{"type":208,"tag":598,"props":3955,"children":3956},{"class":600,"line":2838},[3957],{"type":208,"tag":598,"props":3958,"children":3959},{"style":627},[3960],{"type":213,"value":3961},"  }\n",{"type":208,"tag":598,"props":3963,"children":3964},{"class":600,"line":2847},[3965],{"type":208,"tag":598,"props":3966,"children":3967},{"style":627},[3968],{"type":213,"value":829},{"type":208,"tag":215,"props":3970,"children":3971},{},[3972,3974,3978,3980,3985],{"type":213,"value":3973},"After that, you can create a new ",{"type":208,"tag":559,"props":3975,"children":3976},{},[3977],{"type":213,"value":2393},{"type":213,"value":3979}," entry on the Content page.  Add the icons to the grid by in the ",{"type":208,"tag":559,"props":3981,"children":3982},{},[3983],{"type":213,"value":3984},"Items",{"type":213,"value":3458},{"type":208,"tag":215,"props":3987,"children":3988},{},[3989],{"type":213,"value":3990},"In Styles field, add two styles. One for the mobile, to display the icons in a column. For mobile set:",{"type":208,"tag":3992,"props":3993,"children":3994},"table",{},[3995,4019],{"type":208,"tag":3996,"props":3997,"children":3998},"thead",{},[3999],{"type":208,"tag":4000,"props":4001,"children":4002},"tr",{},[4003,4009,4014],{"type":208,"tag":4004,"props":4005,"children":4006},"th",{},[4007],{"type":213,"value":4008},"Group",{"type":208,"tag":4004,"props":4010,"children":4011},{},[4012],{"type":213,"value":4013},"Field",{"type":208,"tag":4004,"props":4015,"children":4016},{},[4017],{"type":213,"value":4018},"Value",{"type":208,"tag":4020,"props":4021,"children":4022},"tbody",{},[4023,4046,4068,4089],{"type":208,"tag":4000,"props":4024,"children":4025},{},[4026,4032,4037],{"type":208,"tag":4027,"props":4028,"children":4029},"td",{},[4030],{"type":213,"value":4031},"Resolutions",{"type":208,"tag":4027,"props":4033,"children":4034},{},[4035],{"type":213,"value":4036},"Max",{"type":208,"tag":4027,"props":4038,"children":4039},{},[4040],{"type":208,"tag":594,"props":4041,"children":4043},{"className":4042},[],[4044],{"type":213,"value":4045},"767px",{"type":208,"tag":4000,"props":4047,"children":4048},{},[4049,4054,4059],{"type":208,"tag":4027,"props":4050,"children":4051},{},[4052],{"type":213,"value":4053},"Gaps",{"type":208,"tag":4027,"props":4055,"children":4056},{},[4057],{"type":213,"value":4058},"Row gap",{"type":208,"tag":4027,"props":4060,"children":4061},{},[4062],{"type":208,"tag":594,"props":4063,"children":4065},{"className":4064},[],[4066],{"type":213,"value":4067},"16px",{"type":208,"tag":4000,"props":4069,"children":4070},{},[4071,4075,4080],{"type":208,"tag":4027,"props":4072,"children":4073},{},[4074],{"type":213,"value":2393},{"type":208,"tag":4027,"props":4076,"children":4077},{},[4078],{"type":213,"value":4079},"Display",{"type":208,"tag":4027,"props":4081,"children":4082},{},[4083],{"type":208,"tag":594,"props":4084,"children":4086},{"className":4085},[],[4087],{"type":213,"value":4088},"grid",{"type":208,"tag":4000,"props":4090,"children":4091},{},[4092,4096,4101],{"type":208,"tag":4027,"props":4093,"children":4094},{},[4095],{"type":213,"value":2393},{"type":208,"tag":4027,"props":4097,"children":4098},{},[4099],{"type":213,"value":4100},"Grid template areas",{"type":208,"tag":4027,"props":4102,"children":4103},{},[4104],{"type":208,"tag":594,"props":4105,"children":4107},{"className":4106},[],[4108],{"type":213,"value":4109},"\"a\" \"b\" \"c\"",{"type":208,"tag":215,"props":4111,"children":4112},{},[4113],{"type":213,"value":4114},"And for desktop set:",{"type":208,"tag":3992,"props":4116,"children":4117},{},[4118,4136],{"type":208,"tag":3996,"props":4119,"children":4120},{},[4121],{"type":208,"tag":4000,"props":4122,"children":4123},{},[4124,4128,4132],{"type":208,"tag":4004,"props":4125,"children":4126},{},[4127],{"type":213,"value":4008},{"type":208,"tag":4004,"props":4129,"children":4130},{},[4131],{"type":213,"value":4013},{"type":208,"tag":4004,"props":4133,"children":4134},{},[4135],{"type":213,"value":4018},{"type":208,"tag":4020,"props":4137,"children":4138},{},[4139,4160,4180,4199],{"type":208,"tag":4000,"props":4140,"children":4141},{},[4142,4146,4151],{"type":208,"tag":4027,"props":4143,"children":4144},{},[4145],{"type":213,"value":4031},{"type":208,"tag":4027,"props":4147,"children":4148},{},[4149],{"type":213,"value":4150},"Min",{"type":208,"tag":4027,"props":4152,"children":4153},{},[4154],{"type":208,"tag":594,"props":4155,"children":4157},{"className":4156},[],[4158],{"type":213,"value":4159},"768px",{"type":208,"tag":4000,"props":4161,"children":4162},{},[4163,4167,4172],{"type":208,"tag":4027,"props":4164,"children":4165},{},[4166],{"type":213,"value":4053},{"type":208,"tag":4027,"props":4168,"children":4169},{},[4170],{"type":213,"value":4171},"Column gap",{"type":208,"tag":4027,"props":4173,"children":4174},{},[4175],{"type":208,"tag":594,"props":4176,"children":4178},{"className":4177},[],[4179],{"type":213,"value":4067},{"type":208,"tag":4000,"props":4181,"children":4182},{},[4183,4187,4191],{"type":208,"tag":4027,"props":4184,"children":4185},{},[4186],{"type":213,"value":2393},{"type":208,"tag":4027,"props":4188,"children":4189},{},[4190],{"type":213,"value":4079},{"type":208,"tag":4027,"props":4192,"children":4193},{},[4194],{"type":208,"tag":594,"props":4195,"children":4197},{"className":4196},[],[4198],{"type":213,"value":4088},{"type":208,"tag":4000,"props":4200,"children":4201},{},[4202,4206,4210],{"type":208,"tag":4027,"props":4203,"children":4204},{},[4205],{"type":213,"value":2393},{"type":208,"tag":4027,"props":4207,"children":4208},{},[4209],{"type":213,"value":4100},{"type":208,"tag":4027,"props":4211,"children":4212},{},[4213],{"type":208,"tag":594,"props":4214,"children":4216},{"className":4215},[],[4217],{"type":213,"value":4218},"\"a b c\"",{"type":208,"tag":215,"props":4220,"children":4221},{},[4222,4224,4230],{"type":213,"value":4223},"You can also add ",{"type":208,"tag":594,"props":4225,"children":4227},{"className":4226},[],[4228],{"type":213,"value":4229},"Margin -> Margin top",{"type":213,"value":4231}," to make some space between the main Picture and the icons grid. After that, save the grid entry and it should look like this:",{"type":208,"tag":215,"props":4233,"children":4234},{},[4235],{"type":208,"tag":2341,"props":4236,"children":4241},{"alt":4237,"src":4238,"style":4239},"Adding a grid","/storefront/modules/5.cms/images/amplience/guides-login-page-create-content-5.png",{"aspectRatio":4240},"2824/1150",[],{"type":208,"tag":226,"props":4243,"children":4244},{"v-slot:step-4":6},[4245,4251,4269],{"type":208,"tag":574,"props":4246,"children":4248},{"id":4247},"create-a-login-page-entry",[4249],{"type":213,"value":4250},"Create a Login Page entry",{"type":208,"tag":215,"props":4252,"children":4253},{},[4254,4256,4260,4262,4267],{"type":213,"value":4255},"Finally, create a new ",{"type":208,"tag":559,"props":4257,"children":4258},{},[4259],{"type":213,"value":2942},{"type":213,"value":4261}," entry. Add the main Picture and the grid of icons to the ",{"type":208,"tag":559,"props":4263,"children":4264},{},[4265],{"type":213,"value":4266},"Components",{"type":213,"value":4268}," field, and save the entry.",{"type":208,"tag":215,"props":4270,"children":4271},{},[4272],{"type":208,"tag":2341,"props":4273,"children":4278},{"alt":4274,"src":4275,"style":4276},"Creating the Login Page entry","/storefront/modules/5.cms/images/amplience/guides-login-page-create-content-6.png",{"aspectRatio":4277},"2832/1318",[],{"type":208,"tag":2261,"props":4280,"children":4281},{},[4282],{"type":213,"value":2265},{"title":6,"searchDepth":235,"depth":236,"links":4284},[4285,4286,4287,4288],{"id":3417,"depth":674,"text":3420},{"id":3505,"depth":674,"text":3508},{"id":3551,"depth":674,"text":3554},{"id":4247,"depth":674,"text":4250},"modules:storefront:modules:_partials:login-page-adding-content-amplience.md","storefront/modules/_partials/login-page-adding-content-amplience.md","storefront/modules/_partials/login-page-adding-content-amplience",{"_path":4293,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":4294,"description":6,"body":4295,"_type":238,"_id":4305,"_source":475,"_file":4306,"_stem":4307,"_extension":242,"layout":203},"/storefront/modules/_partials/guides-grid-quick-start","Guides Grid Quick Start",{"type":205,"children":4296,"toc":4303},[4297],{"type":208,"tag":220,"props":4298,"children":4302},{"description":4299,"icon":24,"title":4300,"to":4301},"The Hello World of our CMS integrations.","Create your first page","$base/cms/guides/quick-start",[],{"title":6,"searchDepth":235,"depth":236,"links":4304},[],"modules:storefront:modules:_partials:guides-grid-quick-start.md","storefront/modules/_partials/guides-grid-quick-start.md","storefront/modules/_partials/guides-grid-quick-start",{"_path":4309,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":4310,"description":6,"body":4311,"_type":238,"_id":4321,"_source":475,"_file":4322,"_stem":4323,"_extension":242,"layout":203},"/storefront/modules/_partials/guides-grid-creating-components","Guides Grid Creating Components",{"type":205,"children":4312,"toc":4319},[4313],{"type":208,"tag":220,"props":4314,"children":4318},{"description":4315,"icon":24,"title":4316,"to":4317},"Design and ship new building blocks for your CMS pages.","Creating CMS components","$base/cms/guides/creating-components",[],{"title":6,"searchDepth":235,"depth":236,"links":4320},[],"modules:storefront:modules:_partials:guides-grid-creating-components.md","storefront/modules/_partials/guides-grid-creating-components.md","storefront/modules/_partials/guides-grid-creating-components",{"_path":4325,"_dir":542,"_draft":7,"_partial":8,"_locale":6,"title":4326,"description":6,"body":4327,"_type":238,"_id":4337,"_source":475,"_file":4338,"_stem":4339,"_extension":242,"layout":203},"/storefront/modules/_partials/guides-grid-resolving-pages","Guides Grid Resolving Pages",{"type":205,"children":4328,"toc":4335},[4329],{"type":208,"tag":220,"props":4330,"children":4334},{"description":4331,"icon":24,"title":4332,"to":4333},"Handle more complex relationships between Storefront and CMS pages.","Resolving CMS pages","$base/cms/guides/resolving-pages",[],{"title":6,"searchDepth":235,"depth":236,"links":4336},[],"modules:storefront:modules:_partials:guides-grid-resolving-pages.md","storefront/modules/_partials/guides-grid-resolving-pages.md","storefront/modules/_partials/guides-grid-resolving-pages",{"nav":4341,"sidebarRoot":4343},[4342],{"title":477,"_path":4343,"children":4344,"_id":502,"layout":4348,"sidebarRoot":8,"icon":478},"/storefront/modules/v0",[4345,4349,4353,4439,4475,4483,4545],{"title":4346,"_path":4343,"_id":4347,"layout":4348},"Overview","modules:storefront:modules:v0:1.index.md","fullscreen",{"title":4350,"_path":4351,"_id":4352,"layout":203},"Product List","/storefront/modules/v0/product-list","modules:storefront:modules:v0:1.product-list.md",{"title":4354,"_path":4355,"children":4356,"_id":4438,"icon":487},"Search Modules","/storefront/modules/v0/search-integrations",[4357],{"title":486,"_path":4358,"children":4359,"_id":508,"layout":203,"sidebarRoot":8,"icon":487},"/storefront/modules/v0/search-integrations/coveo",[4360,4362],{"title":168,"_path":4358,"_id":4361,"layout":203},"modules:storefront:modules:v0:2.search-integrations:1.coveo:1.index.md",{"title":2950,"_path":4363,"children":4364},"/storefront/modules/v0/search-integrations/coveo/content",[4365,4381,4393,4400,4432],{"title":4366,"_path":4367,"children":4368},"Installation","/storefront/modules/v0/search-integrations/coveo/content/installation",[4369,4373,4377],{"title":4370,"_path":4371,"_id":4372,"layout":203},"Install Packages","/storefront/modules/v0/search-integrations/coveo/content/installation/install-the-module","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:1.installation:1.install-the-module.md",{"title":4374,"_path":4375,"_id":4376,"layout":203},"Middleware Extension","/storefront/modules/v0/search-integrations/coveo/content/installation/middleware-extension","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:1.installation:2.middleware-extension.md",{"title":4378,"_path":4379,"_id":4380,"layout":203},"Frontend Modification","/storefront/modules/v0/search-integrations/coveo/content/installation/frontend-modification","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:1.installation:3.frontend-modification.md",{"title":4382,"_path":4383,"children":4384},"Configuration","/storefront/modules/v0/search-integrations/coveo/content/configuration",[4385,4389],{"title":4386,"_path":4387,"_id":4388,"layout":203},"Search Engine","/storefront/modules/v0/search-integrations/coveo/content/configuration/search-engine","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:2.configuration:1.search-engine.md",{"title":4390,"_path":4391,"_id":4392,"layout":203},"Configuration Files","/storefront/modules/v0/search-integrations/coveo/content/configuration/config-files","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:2.configuration:2.config-files.md",{"title":4394,"_path":4395,"children":4396},"Quick Start","/storefront/modules/v0/search-integrations/coveo/content/quick-start",[4397],{"title":4394,"_path":4398,"_id":4399,"layout":203},"/storefront/modules/v0/search-integrations/coveo/content/quick-start/quick-start","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:3.quick-start:1.quick-start.md",{"title":4401,"_path":4402,"children":4403},"Advanced Guide","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide",[4404,4408,4412,4416,4420,4424,4428],{"title":4405,"_path":4406,"_id":4407,"layout":203},"With Alokai","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/with-alokai","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:1.with-alokai.md",{"title":4409,"_path":4410,"_id":4411,"layout":203},"Analytics","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/analytics","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:3.analytics.md",{"title":4413,"_path":4414,"_id":4415,"layout":203},"Product recommendations","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/product-recommendations","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:4.product-recommendations.md",{"title":4417,"_path":4418,"_id":4419,"layout":203},"URL Parameters Mapping","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/url-mappers","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:5.url-mappers.md",{"title":4421,"_path":4422,"_id":4423,"layout":203},"Load dynamically facets","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/load-dynamically-facets","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:6.load-dynamically-facets.md",{"title":4425,"_path":4426,"_id":4427,"layout":203},"Normalizers","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/normalizers","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:6.normalizers.md",{"title":4429,"_path":4430,"_id":4431,"layout":203},"Nuxt module","/storefront/modules/v0/search-integrations/coveo/content/advanced-guide/nuxt-module","modules:storefront:modules:v0:2.search-integrations:1.coveo:content:4.advanced-guide:20.nuxt-module.md",{"title":4433,"_path":4434,"children":4435,"_id":4437,"layout":203},"Changelog","/storefront/modules/v0/search-integrations/coveo/content/changelog",[4436],{"title":4433,"_path":4434,"_id":4437,"layout":203},"modules:storefront:modules:v0:2.search-integrations:1.coveo:content:6.changelog:1.index.md","modules:storefront:modules:v0:2.search-integrations:_dir.yml",{"title":381,"_path":4440,"children":4441,"_id":4474},"/storefront/modules/v0/sap",[4442,4446,4450,4454,4458],{"title":4443,"_path":4444,"_id":4445,"layout":203},"Checkout","/storefront/modules/v0/sap/checkout","modules:storefront:modules:v0:3.sap:1.checkout.md",{"title":4447,"_path":4448,"_id":4449,"layout":203},"Quick Order","/storefront/modules/v0/sap/quick-order","modules:storefront:modules:v0:3.sap:2.quick-order.md",{"title":4451,"_path":4452,"_id":4453,"layout":203},"Re-Order","/storefront/modules/v0/sap/re-order","modules:storefront:modules:v0:3.sap:3.re-order.md",{"title":4455,"_path":4456,"_id":4457,"layout":203},"Assisted Service Mode","/storefront/modules/v0/sap/asm","modules:storefront:modules:v0:3.sap:4.asm.md",{"title":4459,"_path":4460,"children":4461,"_id":4473},"SAP Commerce Cloud B2B","/storefront/modules/v0/sap/b2b",[4462,4466,4469],{"title":4463,"_path":4464,"_id":4465,"layout":203},"Core","/storefront/modules/v0/sap/b2b/core","modules:storefront:modules:v0:3.sap:4.b2b:1.core.md",{"title":4443,"_path":4467,"_id":4468,"layout":203},"/storefront/modules/v0/sap/b2b/checkout","modules:storefront:modules:v0:3.sap:4.b2b:2.checkout.md",{"title":4470,"_path":4471,"_id":4472,"layout":203},"Register","/storefront/modules/v0/sap/b2b/register","modules:storefront:modules:v0:3.sap:4.b2b:3.register.md","modules:storefront:modules:v0:3.sap:4.b2b:_dir.yml","modules:storefront:modules:v0:3.sap:_dir.yml",{"title":397,"_path":4476,"children":4477,"_id":4482},"/storefront/modules/v0/sfcc",[4478],{"title":4479,"_path":4480,"_id":4481,"layout":203},"Storefront Toolkit","/storefront/modules/v0/sfcc/toolkit","modules:storefront:modules:v0:4.sfcc:1.toolkit.md","modules:storefront:modules:v0:4.sfcc:_dir.yml",{"title":4484,"_path":4485,"children":4486,"_id":4544,"layout":203},"Content Management Systems","/storefront/modules/v0/cms",[4487,4489,4493,4497,4501,4527],{"title":4346,"_path":4485,"_id":4488,"layout":203},"modules:storefront:modules:v0:5.cms:1.index.md",{"title":4490,"_path":4491,"_id":4492,"layout":203},"Frontend components","/storefront/modules/v0/cms/components","modules:storefront:modules:v0:5.cms:2.components.md",{"title":4494,"_path":4495,"_id":4496,"layout":203},"Unified architecture","/storefront/modules/v0/cms/unified-architecture","modules:storefront:modules:v0:5.cms:3.unified-architecture.md",{"title":4498,"_path":4499,"_id":4500,"layout":203},"Content Localization","/storefront/modules/v0/cms/internationalization","modules:storefront:modules:v0:5.cms:4.internationalization.md",{"title":4502,"_path":4503,"children":4504,"_id":4526},"CMS Modules","/storefront/modules/v0/cms/modules",[4505,4508,4511,4514,4517,4520,4523],{"title":275,"_path":4506,"_id":4507,"layout":203},"/storefront/modules/v0/cms/modules/amplience","modules:storefront:modules:v0:5.cms:5.modules:1.amplience.md",{"title":294,"_path":4509,"_id":4510,"layout":203},"/storefront/modules/v0/cms/modules/bloomreach-content","modules:storefront:modules:v0:5.cms:5.modules:2.bloomreach-content.md",{"title":313,"_path":4512,"_id":4513,"layout":203},"/storefront/modules/v0/cms/modules/builderio","modules:storefront:modules:v0:5.cms:5.modules:3.builderio.md",{"title":337,"_path":4515,"_id":4516,"layout":203},"/storefront/modules/v0/cms/modules/contentful","modules:storefront:modules:v0:5.cms:5.modules:4.contentful.md",{"title":346,"_path":4518,"_id":4519,"layout":203},"/storefront/modules/v0/cms/modules/contentstack","modules:storefront:modules:v0:5.cms:5.modules:5.contentstack.md",{"title":406,"_path":4521,"_id":4522,"layout":203},"/storefront/modules/v0/cms/modules/smartedit","modules:storefront:modules:v0:5.cms:5.modules:6.smartedit.md",{"title":414,"_path":4524,"_id":4525,"layout":203},"/storefront/modules/v0/cms/modules/storyblok","modules:storefront:modules:v0:5.cms:5.modules:7.storyblok.md","modules:storefront:modules:v0:5.cms:5.modules:_dir.yml",{"title":63,"_path":4528,"children":4529},"/storefront/modules/v0/cms/guides",[4530,4534,4537,4541],{"title":4531,"_path":4532,"_id":4533,"layout":203},"Quick start","/storefront/modules/v0/cms/guides/quick-start","modules:storefront:modules:v0:5.cms:6.guides:1.quick-start.md",{"title":4316,"_path":4535,"_id":4536,"layout":203},"/storefront/modules/v0/cms/guides/creating-components","modules:storefront:modules:v0:5.cms:6.guides:2.creating-components.md",{"title":4538,"_path":4539,"_id":4540,"layout":203},"Creating CMS pages","/storefront/modules/v0/cms/guides/creating-pages","modules:storefront:modules:v0:5.cms:6.guides:3.creating-pages.md",{"title":4332,"_path":4542,"_id":4543,"layout":203},"/storefront/modules/v0/cms/guides/resolving-pages","modules:storefront:modules:v0:5.cms:6.guides:4.resolving-pages.md","modules:storefront:modules:v0:5.cms:_dir.yml",{"title":4546,"_path":4547,"children":4548,"_id":4569},"Contributing","/storefront/modules/v0/contributing",[4549,4553,4557,4561,4565],{"title":4550,"_path":4551,"_id":4552,"layout":203},"Coding Standards","/storefront/modules/v0/contributing/coding-standards","modules:storefront:modules:v0:contributing:coding-standards.md",{"title":4554,"_path":4555,"_id":4556,"layout":203},"Development","/storefront/modules/v0/contributing/development","modules:storefront:modules:v0:contributing:development.md",{"title":4558,"_path":4559,"_id":4560,"layout":203},"File structure","/storefront/modules/v0/contributing/file-structure","modules:storefront:modules:v0:contributing:file-structure.md",{"title":4562,"_path":4563,"_id":4564,"layout":203},"Tech Stack","/storefront/modules/v0/contributing/tech-stack","modules:storefront:modules:v0:contributing:tech-stack.md",{"title":4566,"_path":4567,"_id":4568,"layout":203},"Writing tests","/storefront/modules/v0/contributing/writing-tests","modules:storefront:modules:v0:contributing:writing-tests.md","modules:storefront:modules:v0:contributing:_dir.yml",[4571,4584,4595,4608,4617,4628,4637],{"_path":4572,"_dir":320,"_draft":7,"_partial":8,"_locale":6,"versions":4573,"_id":4580,"_type":13,"title":4581,"_source":320,"_file":4582,"_stem":4583,"_extension":18},"/integrations/commercetools/_versions",[4574,4577],{"title":4575,"path":4576,"latest":8},"current","/",{"title":4578,"path":4579},"SDK v2","/v2","commercetools:integrations:commercetools:_versions.yml","Versions","integrations/commercetools/_versions.yml","integrations/commercetools/_versions",{"_path":4585,"_dir":379,"_draft":7,"_partial":8,"_locale":6,"versions":4586,"_id":4592,"_type":13,"title":4581,"_source":379,"_file":4593,"_stem":4594,"_extension":18},"/integrations/sapcc/_versions",[4587,4589],{"title":4588,"path":4576,"latest":8},"v8.x",{"title":4590,"path":4591},"v7.x and earlier","/v7","sapcc:integrations:sapcc:_versions.yml","integrations/sapcc/_versions.yml","integrations/sapcc/_versions",{"_path":4596,"_dir":431,"_draft":7,"_partial":8,"_locale":6,"versions":4597,"_id":4605,"_type":13,"title":4581,"_source":431,"_file":4606,"_stem":4607,"_extension":18},"/middleware/_versions",[4598,4600,4603],{"title":4599,"path":4576,"latest":8},"connect v2",{"title":4601,"path":4602},"connect v1","/v1",{"title":454,"path":4604},"/legacy","middleware:middleware:_versions.yml","middleware/_versions.yml","middleware/_versions",{"_path":4609,"_dir":446,"_draft":7,"_partial":8,"_locale":6,"versions":4610,"_id":4614,"_type":13,"title":4581,"_source":446,"_file":4615,"_stem":4616,"_extension":18},"/sdk/_versions",[4611,4612,4613],{"title":4599,"path":4576,"latest":8},{"title":4601,"path":4602},{"title":454,"path":4604},"sdk:sdk:_versions.yml","sdk/_versions.yml","sdk/_versions",{"_path":4618,"_dir":467,"_draft":7,"_partial":8,"_locale":6,"versions":4619,"_id":4625,"_type":13,"title":4581,"_source":467,"_file":4626,"_stem":4627,"_extension":18},"/storefront/_versions",[4620,4621,4623],{"title":39,"path":4576,"latest":8},{"title":513,"path":4622},"/v0.1",{"title":520,"path":4624},"/v0.2","storefront:storefront:_versions.yml","storefront/_versions.yml","storefront/_versions",{"_path":4629,"_dir":475,"_draft":7,"_partial":8,"_locale":6,"versions":4630,"_id":4634,"_type":13,"title":4581,"_source":475,"_file":4635,"_stem":4636,"_extension":18},"/storefront/modules/_versions",[4631,4632],{"title":39,"path":4576,"latest":8},{"title":500,"path":4633},"/v0","modules:storefront:modules:_versions.yml","storefront/modules/_versions.yml","storefront/modules/_versions",{"_path":4638,"_dir":527,"_draft":7,"_partial":8,"_locale":6,"versions":4639,"_id":4642,"_type":13,"title":4581,"_source":531,"_file":4643,"_stem":4644,"_extension":18},"/unified-data-layer/_versions",[4640,4641],{"title":4599,"path":4576,"latest":8},{"title":4601,"path":4602},"unified:unified-data-layer:_versions.yml","unified-data-layer/_versions.yml","unified-data-layer/_versions",1782903487188]