CINXE.COM

<!DOCTYPE html><html lang="en" class=" straight-corners plain-background"><head><meta charSet="utf-8"/><link rel="preconnect" href="https://api.gitbook.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=1&quality=100&sign=22c269a8&sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=2&quality=100&sign=22c269a8&sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=3&quality=100&sign=22c269a8&sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=4&quality=100&sign=22c269a8&sv=1 128w" imageSizes="32px" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/2d00a2f28ca4dc5d.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/99f50cfb598d2941.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d42d805b938873da.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0673bb6e29c473c8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c311d6484335995a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5a687dea857dc6f5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7235fa9d119901d4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/86d6274f3e6d760c.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a91fbeec63857000.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/2d0986519abf0323.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0f891de5863d7182.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4" href="/_next/static/chunks/webpack-21fb00c223e55731.js"/><script src="/_next/static/chunks/1dd3208c-b11c3db6cd7d86b2.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/9978-293e379e3e1468f4.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/main-app-9ebfecd6c4e0cf57.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/app/global-error-19768e91f18f21d9.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/b5d5b83b-3d9186fb60556c53.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/7609-ae1015bd89577747.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/1281-411df876b32e19c2.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/4012-d5519c7c19347ff0.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/app/(site)/layout-512d7fc9258aa558.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/app/(site)/error-aabf7054fe6497a1.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/9505-a8f112b566ef7f41.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/4531-b39a0af8c700f9ea.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/4746-fcf448a964a3d7bb.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/1285-2b0f91300e0c0b9a.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/3902-19c217a299034164.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script async="" src="https://integrations.gitbook.com/v1/integrations/hotjar/installations/23059233958d11d26d0c14e2452de48ee5ffef90f612cd5e3a1a1d527f3468c2/sites/site_oih3X/script.js?version=148.0" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script async="" src="https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_oih3X/script.js?version=149.0" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/6150-57a79db9099e4be8.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/8510-2f41b25832a6d317.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/8843-dcccd4a8528a4d7f.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/9028-bdf215f649fe02e9.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><script src="/_next/static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js" async="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script><link rel="privacy-policy" href="https://our.umbraco.com/privacy-policy"/><meta name="color-scheme" content="light dark"/><title>Creating websites | UmbracoDocs</title><meta name="description" content="This section shows you some beginner tools and information to get you started with Umbraco. From making a local installation to extending the backoffice."/><meta name="generator" content="GitBook (fc8065b)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://docs.umbraco.com/welcome/getting-started/creating-websites-with-umbraco"/><meta property="og:title" content="Creating websites | UmbracoDocs"/><meta property="og:description" content="This section shows you some beginner tools and information to get you started with Umbraco. From making a local installation to extending the backoffice."/><meta property="og:image" content="https://docs.umbraco.com/welcome/~gitbook/ogimage/NhDhcZW2Uk7J0ZjtPokZ"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Creating websites | UmbracoDocs"/><meta name="twitter:description" content="This section shows you some beginner tools and information to get you started with Umbraco. From making a local installation to extending the backoffice."/><meta name="twitter:image" content="https://docs.umbraco.com/welcome/~gitbook/ogimage/NhDhcZW2Uk7J0ZjtPokZ"/><link rel="icon" href="https://3670937146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSg1T6AtJF8tEBpaFNTnW%2Ficon%2F9RnS6scfxJUKXWzXAtIc%2FUmbraco_Documentations_logo_icon.png?alt=media&token=56e945e6-8719-42bc-818f-c5b3ed0f9047" type="image/png" media="(prefers-color-scheme: light)"/><link rel="icon" href="https://3670937146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSg1T6AtJF8tEBpaFNTnW%2Ficon%2F9RnS6scfxJUKXWzXAtIc%2FUmbraco_Documentations_logo_icon.png?alt=media&token=56e945e6-8719-42bc-818f-c5b3ed0f9047" type="image/png" media="(prefers-color-scheme: dark)"/><meta name="next-size-adjust"/><style> :root { --primary-color-50: 234 235 245; --primary-color-100: 212 216 234; --primary-color-200: 169 176 213; --primary-color-300: 126 137 193; --primary-color-400: 83 97 172; --primary-color-500: 40 58 151; --primary-color-600: 32 46 121; --primary-color-700: 24 35 91; --primary-color-800: 16 23 60; --primary-color-900: 8 12 30; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 255 255 255; --contrast-primary-500: 255 255 255; --contrast-primary-600: 255 255 255; --contrast-primary-700: 255 255 255; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --primary-base-50: 234 235 245; --primary-base-100: 212 216 234; --primary-base-200: 169 176 213; --primary-base-300: 126 137 193; --primary-base-400: 83 97 172; --primary-base-500: 40 58 151; --primary-base-600: 32 46 121; --primary-base-700: 24 35 91; --primary-base-800: 16 23 60; --primary-base-900: 8 12 30; --header-background-50: 255 255 255; --header-background-100: 255 255 255; --header-background-200: 255 255 255; --header-background-300: 255 255 255; --header-background-400: 255 255 255; --header-background-500: 255 255 255; --header-background-600: 204 204 204; --header-background-700: 153 153 153; --header-background-800: 102 102 102; --header-background-900: 51 51 51; --header-link-50: 234 235 245; --header-link-100: 212 216 234; --header-link-200: 169 176 213; --header-link-300: 126 137 193; --header-link-400: 83 97 172; --header-link-500: 40 58 151; --header-link-600: 32 46 121; --header-link-700: 24 35 91; --header-link-800: 16 23 60; --header-link-900: 8 12 30; --header-button-text-50: 255 255 255; --header-button-text-100: 255 255 255; --header-button-text-200: 255 255 255; --header-button-text-300: 255 255 255; --header-button-text-400: 255 255 255; --header-button-text-500: 255 255 255; --header-button-text-600: 204 204 204; --header-button-text-700: 153 153 153; --header-button-text-800: 102 102 102; --header-button-text-900: 51 51 51; } .dark { --primary-color-50: 255 246 246; --primary-color-100: 254 236 236; --primary-color-200: 253 217 218; --primary-color-300: 253 198 199; --primary-color-400: 252 179 181; --primary-color-500: 251 160 162; --primary-color-600: 201 128 130; --primary-color-700: 151 96 97; --primary-color-800: 100 64 65; --primary-color-900: 50 32 32; --primary-base-50: 255 246 246; --primary-base-100: 254 236 236; --primary-base-200: 253 217 218; --primary-base-300: 253 198 199; --primary-base-400: 252 179 181; --primary-base-500: 251 160 162; --primary-base-600: 201 128 130; --primary-base-700: 151 96 97; --primary-base-800: 100 64 65; --primary-base-900: 50 32 32; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 0 0 0; --contrast-primary-500: 0 0 0; --contrast-primary-600: 0 0 0; --contrast-primary-700: 255 255 255; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --header-background-50: 230 230 230; --header-background-100: 204 204 204; --header-background-200: 153 153 153; --header-background-300: 102 102 102; --header-background-400: 51 51 51; --header-background-500: 0 0 0; --header-background-600: 0 0 0; --header-background-700: 0 0 0; --header-background-800: 0 0 0; --header-background-900: 0 0 0; --header-link-50: 255 246 246; --header-link-100: 254 236 236; --header-link-200: 253 217 218; --header-link-300: 253 198 199; --header-link-400: 252 179 181; --header-link-500: 251 160 162; --header-link-600: 201 128 130; --header-link-700: 151 96 97; --header-link-800: 100 64 65; --header-link-900: 50 32 32; --header-button-text-50: 230 230 230; --header-button-text-100: 204 204 204; --header-button-text-200: 153 153 153; --header-button-text-300: 102 102 102; --header-button-text-400: 51 51 51; --header-button-text-500: 0 0 0; --header-button-text-600: 0 0 0; --header-button-text-700: 0 0 0; --header-button-text-800: 0 0 0; --header-button-text-900: 0 0 0; } </style><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule="" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4"></script></head><body class="__variable_274faa __variable_a7f53a __variable_e782a9 __className_4b9d0e __variable_0e9704 bg-light dark:bg-dark"><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><header class="flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:hidden lg:z-10 dark:shadow-light/1 bg-light dark:bg-dark"><div class="scroll-nojump"><div class="gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><div class="flex flex-row gap-2"><button class="flex flex-row items-center hover:bg-dark/3 py-1 px-2 dark:hover:bg-light/2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden text-header-link" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 text-inherit"></svg></button><a class="group/headerlogo flex-1 flex flex-row items-center shrink-0" href="/welcome"><img alt="" style="aspect-ratio:1" fetchPriority="high" class="block dark:hidden object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=4&quality=100&sign=22c269a8&sv=1" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=1&quality=100&sign=22c269a8&sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=2&quality=100&sign=22c269a8&sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=3&quality=100&sign=22c269a8&sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=4&quality=100&sign=22c269a8&sv=1 128w" sizes="32px" width="2084" height="1881"/><img alt="" style="aspect-ratio:1" loading="lazy" fetchPriority="high" class="hidden dark:block object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=4&quality=100&sign=22c269a8&sv=1" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=1&quality=100&sign=22c269a8&sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=2&quality=100&sign=22c269a8&sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=3&quality=100&sign=22c269a8&sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=4&quality=100&sign=22c269a8&sv=1 128w" sizes="32px" width="2084" height="1881"/><div class="text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light">UmbracoDocs</div></a></div><div class="z-20"></div><div class="headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20"><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400" href="https://app.gitbook.com/s/OdQETpqkO0Kcv8KMquKL"><span class="truncate">CMS</span></a><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400" href="https://app.gitbook.com/s/ZtqcoypStodmS9g6g8zC"><span class="truncate">Cloud</span></a><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400" href="https://docs.umbraco.com/umbraco-heartcore/"><span class="truncate">Heartcore</span></a><div class="group/dropdown relative flex"><a id=":S2:" tabindex="0" aria-expanded="true" aria-haspopup="true" class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400" href="/welcome/add-on-products"><span class="truncate">Add ons</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon opacity-6 size-3 ms-1 transition-transform group-hover/dropdown:rotate-180"></svg></a><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S2:" class="w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible"><div class="mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2"><div class="flex flex-col gap-1"><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://app.gitbook.com/s/2XErz7PeSuiFTiCbGF0w">Forms</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://app.gitbook.com/s/wVOXdup737gEj1JyGtg1">Deploy</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://app.gitbook.com/s/P70U25AMPIZGliN2ZEDE">Workflow</a></div></div></div></div><div class="headerLinks_linkEllipsis__Z01IN items-center z-20"><div class="group/dropdown relative flex"><button class="px-1 text-header-link-500 hover:text-header-link-400"><span class="sr-only">More</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/ellipsis.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon opacity-6 size-3 ms-1"></svg></button><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S1:" class="w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0"><div class="mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2"><div class="flex flex-col gap-1"><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://app.gitbook.com/s/OdQETpqkO0Kcv8KMquKL">CMS</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://app.gitbook.com/s/ZtqcoypStodmS9g6g8zC">Cloud</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-heartcore/">Heartcore</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="/welcome/add-on-products">Add ons</a></div></div></div></div></div></div><div class="flex md:w-56 grow-0 shrink-0 justify-self-end"><button aria-label="Search" class="flex flex-1 flex-row justify-center items-center px-2 gap-3 text-dark/7 min-h-[2.5rem] w-[2.5rem] rounded-lg straight-corners:rounded-none bg-dark/2 transition-opacity ease-out hover:opacity-8 ring-1 ring-inset ring-dark/1 contrast-more:ring-dark contrast-more:bg-light contrast-more:text-dark dark:bg-light/1 dark:ring-light/1 dark:text-light/7 contrast-more:dark:ring-light contrast-more:dark:bg-dark contrast-more:dark:text-light [&>p]:hidden [&>span]:hidden md:justify-start md:[&>p]:flex md:[&>span]:flex md:w-full md:px-3.5 text-base"><div class="text-dark/7 pt-1.5 pb-2 dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 size-4"></svg></div><span class="flex-1">Search</span><span class="hidden md:inline justify-end text-xs text-dark/5 contrast-more:text-dark dark:text-light/5 contrast-more:dark:text-light [font-feature-settings:"calt",_"case"]">Ctrl +鈥咾</span></button></div></div></div></header><div class="scroll-nojump"><div class="flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)] lg:min-h-screen"><aside class="relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-0 lg:h-[100vh]"><div class="hidden pr-4 lg:flex lg:flex-col flex-wrap lg:gap-x-5 gap-y-3 dark:shadow-light/1 justify-between"><div class="flex-grow-0 mt-5"><div class="flex flex-row gap-2"><button class="flex flex-row items-center hover:bg-dark/3 py-1 px-2 dark:hover:bg-light/2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden text-header-link" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 text-inherit"></svg></button><a class="group/headerlogo flex-1 flex flex-row items-center shrink-0" href="/welcome"><img alt="" style="aspect-ratio:1" fetchPriority="high" class="block dark:hidden object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=4&quality=100&sign=22c269a8&sv=1" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=1&quality=100&sign=22c269a8&sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=2&quality=100&sign=22c269a8&sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=3&quality=100&sign=22c269a8&sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=4&quality=100&sign=22c269a8&sv=1 128w" sizes="32px" width="2084" height="1881"/><img alt="" style="aspect-ratio:1" loading="lazy" fetchPriority="high" class="hidden dark:block object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=4&quality=100&sign=22c269a8&sv=1" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=1&quality=100&sign=22c269a8&sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=2&quality=100&sign=22c269a8&sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=3&quality=100&sign=22c269a8&sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047&width=32&dpr=4&quality=100&sign=22c269a8&sv=1 128w" sizes="32px" width="2084" height="1881"/><div class="text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light">UmbracoDocs</div></a></div></div><div class="flex-shrink-0 grow-0 md:grow sm:max-w-xs lg:mt-2 lg:mb-8 lg:max-w-full justify-self-end"><button aria-label="Search" class="flex flex-1 flex-row justify-center items-center px-2 gap-3 text-dark/7 min-h-[2.5rem] w-[2.5rem] rounded-lg straight-corners:rounded-none bg-dark/2 transition-opacity ease-out hover:opacity-8 ring-1 ring-inset ring-dark/1 contrast-more:ring-dark contrast-more:bg-light contrast-more:text-dark dark:bg-light/1 dark:ring-light/1 dark:text-light/7 contrast-more:dark:ring-light contrast-more:dark:bg-dark contrast-more:dark:text-light [&>p]:hidden [&>span]:hidden md:justify-start md:[&>p]:flex md:[&>span]:flex md:w-full md:px-3.5 text-base"><div class="text-dark/7 pt-1.5 pb-2 dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 size-4"></svg></div><span class="flex-1">Search</span><span class="hidden md:inline justify-end text-xs text-dark/5 contrast-more:text-dark dark:text-light/5 contrast-more:dark:text-light [font-feature-settings:"calt",_"case"]">Ctrl +鈥咾</span></button></div></div><div class="pt-4 lg:pt-0 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[&::-webkit-scrollbar]:bg-dark/1 group-hover:[&::-webkit-scrollbar-thumb]:bg-dark/3 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent dark:[&::-webkit-scrollbar]:bg-transparent dark:[&::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[&::-webkit-scrollbar]:bg-light/1 dark:group-hover:[&::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20"><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome">Umbraco Documentation</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/where-can-i-get-help">Where can I get help?</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/documentation-and-versions">Versioning Strategy</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/add-on-products">Add on products</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/changelogs">Changelogs<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/changelogs/umbraco-cms">Umbraco CMS</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/changelogs/umbraco-cloud">Umbraco Cloud</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/changelogs/umbraco-forms">Umbraco Forms</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/changelogs/umbraco-commerce">Umbraco Commerce</a></div></li></ul></div></div></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Getting Started</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/getting-started/managing-an-umbraco-project">Choosing Umbraco</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/getting-started/exploring-the-umbraco-products">Exploring the Umbraco Products</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/getting-started/hosting-an-umbraco-infrastructure">Hosting an Umbraco project</a></div></li><li class="flex flex-col"><div><a aria-current="page" class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-primary-500 font-semibold text-primary hover:bg-primary/3 dark:before:border-primary-400 dark:text-primary-400 hover:before:border-primary dark:hover:bg-primary-500/3 dark:hover:before:border-primary" href="/welcome/getting-started/creating-websites-with-umbraco">Creating websites</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/getting-started/editing-websites-with-umbraco">Editing websites</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/getting-started/developing-websites-with-umbraco">Developing websites<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/getting-started/developing-websites-with-umbraco/customizing-umbraco-sites">Customizing Umbraco</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/getting-started/developing-websites-with-umbraco/extending-the-umbraco-backoffice">Extending the Umbraco Backoffice</a></div></li></ul></div></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Contribute</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/welcome/contribute/getting-started">Contribute to Documentation</a></div></li><li class="flex flex-col"><a class="flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2" href="https://docs.umbraco.com/contributing/documentation">Documentation<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/arrow-up-right-from-square.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [&>path]:transition-[opacity] [&>path]:[opacity:0.40] group-hover:[&>path]:[opacity:1]"></svg></a></li><li class="flex flex-col"><a class="flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2" href="https://docs.umbraco.com/contributing/umbraco-cms">Umbraco-CMS<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/arrow-up-right-from-square.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [&>path]:transition-[opacity] [&>path]:[opacity:0.40] group-hover:[&>path]:[opacity:1]"></svg></a></li></ul></li></ul><div class="relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5"><div class="text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark"><a target="_blank" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=Sg1T6AtJF8tEBpaFNTnW" class="font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:bg-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2"><svg style="mask-image:url(/~gitbook/static/icons/svgs/custom-icons/gitbook.svg?v=2);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-5 mr-3"></svg>Powered by GitBook</a></div></div></div></aside><div class="flex-1 flex flex-col"><div class="flex flex-row-reverse justify-end"><aside class="group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-light-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-screen top-0 page-api-block:xl:max-2xl:top-0"><div class="hidden page-api-block:xl:max-2xl:flex flex-row items-center gap-3 text-sm font-semibold px-2 py-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3"></svg>On this page</div><div class="overflow-auto flex-1 flex flex-col gap-4 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex"><ul class="border-l border-dark/2 dark:border-light/1 pl-1"><li class="flex flex-row relative h-fit"><a href="#how-umbraco-works" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">How Umbraco works</a></li><li class="flex flex-row relative h-fit"><a href="#try-it-out" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Try it out</a></li><li class="flex flex-row relative h-fit"><a href="#other-resources" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Other resources</a></li></ul><div class="flex flex-col gap-3 page-api-block:xl:max-2xl:px-3"><div class="flex flex-col items-start gap-2 mt-2"><p class="text-sm text-dark/6 dark:text-light/5">Was this helpful?</p><div class="inline-flex items-center justify-center flex-row rounded-full straight-corners:rounded-sm ring-1 ring-inset ring-dark/2 h-8 dark:ring-light/1"><div class="inline-flex [&>*:last-child]:rounded-r-full [&>*:first-child]:rounded-l-full straight-corners:[&>*:last-child]:rounded-none straight-corners:[&>*:first-child]:rounded-none"><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="No" title="No"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 13.3737C4.87421 13.5572 5.19025 13.5386 5.3737 13.3322C7.30371 11.1609 10.6963 11.1609 12.6263 13.3322C12.8098 13.5386 13.1258 13.5572 13.3322 13.3737C13.5386 13.1902 13.5572 12.8742 13.3737 12.6678C11.0459 10.049 6.9541 10.049 4.6263 12.6678C4.44284 12.8742 4.46143 13.1902 4.66782 13.3737ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="Not sure" title="Not sure"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.5 12C4.5 11.7239 4.72386 11.5 5 11.5H13C13.2761 11.5 13.5 11.7239 13.5 12C13.5 12.2761 13.2761 12.5 13 12.5H5C4.72386 12.5 4.5 12.2761 4.5 12ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="Yes, it was!" title="Yes, it was!"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 11.6263C4.87421 11.4428 5.19025 11.4614 5.3737 11.6678C7.30371 13.8391 10.6963 13.8391 12.6263 11.6678C12.8098 11.4614 13.1258 11.4428 13.3322 11.6263C13.5386 11.8098 13.5572 12.1258 13.3737 12.3322C11.0459 14.951 6.9541 14.951 4.6263 12.3322C4.44284 12.1258 4.46143 11.8098 4.66782 11.6263ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button></div></div></div><div><a href="https://github.com/umbraco/UmbracoDocs/blob/main/generic/getting-started/creating-websites-with-umbraco.md" class="flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/brands/github.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 mr-1.5"></svg>Edit on GitHub</a></div><div><a href="/welcome/~gitbook/pdf?page=NhDhcZW2Uk7J0ZjtPokZ&only=yes" class="flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/file-pdf.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 mr-1.5"></svg>Export as PDF</a></div></div></div><div class="mt-4" data-visual-test="removed"></div></aside><main class="flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto"><header class="max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0"><h1 class="text-4xl font-bold flex items-center gap-4">Creating websites</h1><p class="text-lg text-dark-4 dark:text-light-4">This section shows you some beginner tools and information to get you started with Umbraco. From making a local installation to extending the backoffice.</p></header><template id="B:0"></template><div class="flex flex-col gap-4"><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div id="how-umbraco-works" role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div id="try-it-out" role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div id="other-resources" role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div></div><div class="flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0"><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base" href="/welcome/getting-started/hosting-an-umbraco-infrastructure"><span class="flex flex-col flex-1 text-right"><span class="text-xs">Previous</span><span class="text-dark dark:text-light/6 group-hover:text-primary line-clamp-2">Hosting an Umbraco project</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-left.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block"></svg></a><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base" href="/welcome/getting-started/editing-websites-with-umbraco"><span class="flex flex-col flex-1"><span class="text-xs">Next</span><span class="text-dark dark:text-light/6 group-hover:text-primary line-clamp-2">Editing websites</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block"></svg></a></div><div class="flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0"><p class="flex-1 text-sm text-dark/6 dark:text-light/5">Last updated <time data-visual-test="transparent" dateTime="2024-04-28T19:18:36.038Z" title="4/28/2024, 7:18:36 PM">7 months ago</time></p></div></main></div></div></div></div><div class="border-t border-dark/2 bg-light-2 dark:border-light/2 dark:bg-dark-2"><div class="scroll-nojump"><div class="flex flex-col md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full py-6 gap-6 md:flex-row md:gap-10 px-0 sm:px-0"> <div class="flex-1 flex flex-col gap-6 px-4 sm:px-6 md:px-0"></div><div class="flex flex-col items-start order-[-1] px-4 sm:px-6 md:px-0 md:order-1"><div role="radiogroup" class="flex flex-row rounded-full straight-corners:rounded-sm border border-dark/3 dark:border-light/2"><button type="button" role="radio" aria-label="Switch to light theme" aria-checked="false" class="p-1 m-1 group rounded-full straight-corners:rounded-sm text-dark dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/sun-bright.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to system theme" aria-checked="false" class="p-1 m-1 group rounded-full straight-corners:rounded-sm text-dark dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/desktop.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to dark theme" aria-checked="false" class="p-1 m-1 group rounded-full straight-corners:rounded-sm text-dark dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/moon.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button></div></div></div></div></div><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4" data-cfasync="false"> document.addEventListener("DOMContentLoaded", () => { if (Array.from(document.scripts).find(script => script.src.includes('rocket-loader.min.js'))) { const alert = document.createElement('div'); alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 mt-8 mx-8'; alert.innerHTML = ` <strong>Error in site configuration:</strong> It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to <a href="https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare" class="underline">GitBook's documentation</a> for steps to fix the problem. `; document.body.prepend(alert); } });</script><script src="/_next/static/chunks/webpack-21fb00c223e55731.js" nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4" async=""></script><div hidden id="S:0"><div class="[&>*+*]:mt-5 grid whitespace-pre-wrap"><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">In this section, you will find information on which frameworks, languages, and platforms to use with Umbraco to create user-friendly and responsive websites.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">There is a set of key concepts that you will need to familiarize yourself with. This section will give you the details you need as well as introduce you to how you can work with them in the Umbraco backoffice.</p><div class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center"><template id="P:1"></template></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">We've even included some helpful tutorials which you can follow for creating a basic site to get you started.</p><h2 id="how-umbraco-works" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#how-umbraco-works" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">How Umbraco works</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Your website's content is based on <strong class="font-bold">Document Types</strong>. Each of these Document Types is structured by <strong class="font-bold">Properties</strong> made up of <strong class="font-bold">Data Types</strong>, and each Data Type has an underlying <strong class="font-bold">Property Editor</strong>.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Once you've created content based on the Document Types, they will be published on your website using <strong class="font-bold">Templates</strong>.</p><template id="B:2"></template><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">There are a lot of terminologies here! Let's look at breaking those terms down:</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/data/defining-content">Defining content in Umbraco using Document Types</a></p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/data/data-types">What is a Data Type?</a></p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/backoffice/property-editors">What is a Property Editor?</a></p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/design/templates">Working with Templates</a></p><h2 id="try-it-out" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#try-it-out" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Try it out</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://docs.umbraco.com/umbraco-cms/13.latest/tutorials/creating-a-basic-website">Learn how to create a website with Umbraco</a></p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://www.youtube.com/watch?v=Yu29dE-0OoI&list=PLgX62vUaGZsFBcq9eSJ_178rXgn82sJ-T">Video: Create an Umbraco website</a></p><h2 id="other-resources" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#other-resources" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Other resources</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/backoffice/variants">How can translations be used with content?</a></p></div></div><div hidden id="S:2"><div class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center"><template id="P:3"></template></div></div><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"1:HC[\"/\",\"\"]\n2:HL[\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"style\"]\n3:HL[\"/_next/static/css/99f50cfb598d2941.css\",\"style\"]\n4:HL[\"/_next/static/css/d42d805b938873da.css\",\"style\"]\n5:HL[\"/_next/static/css/0673bb6e29c473c8.css\",\"style\"]\n6:HL[\"/_next/static/css/c311d6484335995a.css\",\"style\"]\n7:HL[\"/_next/static/css/5a687dea857dc6f5.css\",\"style\"]\n8:HL[\"/_next/static/css/7235fa9d119901d4.css\",\"style\"]\n9:HL[\"/_next/static/css/86d6274f3e6d760c.css\",\"style\"]\na:HL[\"/_next/static/css/a91fbeec63857000.css\",\"style\"]\nb:HL[\"/_next/static/css/2d0986519abf0323.css\",\"style\"]\nc:HL[\"/_next/static/css/0f891de5863d7182.css\",\"style\"]\nd:I[11815,[],\"default\"]\n10:I[55092,[],\"default\"]\n12:I[82023,[],\"default\"]\n17:I[44622,[\"6470\",\"static/chunks/app/global-error-19768e91f18f21d9.js\"],\"default\"]\n11:[\"pathname\",\"getting-started/creating-websites-with-umbraco\",\"oc\"]\n18:[]\n0:[\"$\",\"$Ld\",null,{\"buildId\":\"6YnOxlQa6DuDEkBdh389I\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"welcome\",\"getting-started\",\"creating-websites-with-umbraco\"],\"initialTree\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"getting-started/creating-websites-with-umbraco\",\"oc\"],{\"children\":[\"__PAGE__?{\\\"pathname\\\":[\\\"getting-started\\\",\\\"creating-websites-with-umbraco\\\"]}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"getting-started/creating-websites-with-umbraco\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$Le\",\"$Lf\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7235fa9d119901d4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/86d6274f3e6d760c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a91fbeec63857000.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d0986519abf0323.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0f891de5863d7182.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\",\"$11\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$L13\",\"notFoundStyles\":[]}]],[[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-1 relative py-8 lg:px-16 xl:mr-56 items-center lg:items-start\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-1 max-w-3xl mx-auto page-full-width:mx-0\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] mb-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"childr"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"en\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}]]}]}],[],[]]]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5a687dea857dc6f5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L14\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/99f50cfb598d2941.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d42d805b938873da.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0673bb6e29c473c8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c311d6484335995a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L15\"],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L16\"],\"globalErrorComponent\":\"$17\",\"missingSlots\":\"$W18\"}]\n13:[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-row items-center justify-center py-9\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-80\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold mb-2\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"text-base mb-4\",\"children\":\"The page you are looking for doesn't exist.\"}]]}]}]\n1a:I[5145,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"IconsProvider\"]\n1b:I[75489,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"ClientContexts\"]\n1c:I[51169,[\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"3638\",\"static/chunks/app/(site)/error-aabf7054fe6497a1.js\"],\"default\"]\n19:T115f,\n :root {\n --primary-color-50: 234 235 245;\n--primary-color-100: 212 216 234;\n--primary-color-200: 169 176 213;\n--primary-color-300: 126 137 193;\n--primary-color-400: 83 97 172;\n--primary-color-500: 40 58 151;\n--primary-color-600: 32 46 121;\n--primary-c"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"olor-700: 24 35 91;\n--primary-color-800: 16 23 60;\n--primary-color-900: 8 12 30;\n --contrast-primary-50: 0 0 0;\n--contrast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 255 255 255;\n--contrast-primary-500: 255 255 255;\n--contrast-primary-600: 255 255 255;\n--contrast-primary-700: 255 255 255;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n\n --primary-base-50: 234 235 245;\n--primary-base-100: 212 216 234;\n--primary-base-200: 169 176 213;\n--primary-base-300: 126 137 193;\n--primary-base-400: 83 97 172;\n--primary-base-500: 40 58 151;\n--primary-base-600: 32 46 121;\n--primary-base-700: 24 35 91;\n--primary-base-800: 16 23 60;\n--primary-base-900: 8 12 30;\n --header-background-50: 255 255 255;\n--header-background-100: 255 255 255;\n--header-background-200: 255 255 255;\n--header-background-300: 255 255 255;\n--header-background-400: 255 255 255;\n--header-background-500: 255 255 255;\n--header-background-600: 204 204 204;\n--header-background-700: 153 153 153;\n--header-background-800: 102 102 102;\n--header-background-900: 51 51 51;\n --header-link-50: 234 235 245;\n--header-link-100: 212 216 234;\n--header-link-200: 169 176 213;\n--header-link-300: 126 137 193;\n--header-link-400: 83 97 172;\n--header-link-500: 40 58 151;\n--header-link-600: 32 46 121;\n--header-link-700: 24 35 91;\n--header-link-800: 16 23 60;\n--header-link-900: 8 12 30;\n --header-button-text-50: 255 255 255;\n--header-button-text-100: 255 255 255;\n--header-button-text-200: 255 255 255;\n--header-button-text-300: 255 255 255;\n--header-button-text-400: 255 255 255;\n--header-button-text-500: 255 255 255;\n--header-button-text-600: 204 204 204;\n--header-button-text-700: 153 153 153;\n--header-button-text-800: 102 102 102;\n--header-button-text-900: 51 51 51;\n }\n .dark {\n --primary-color-50: 255 246 246;\n--primary-color-100: 254 236 236;\n--primary-color-200: 253 217 218;\n--primary-color-300: 253 198 199;\n--primary-color-400: 252 179 181;\n--primary-color-500: 251 160 162;\n--primary-color-600: 201 128 130;\n--primary-color-700: 151 96 97;\n--primary-color-800: 100 64 65;\n--primary-color-900: 50 32 32;\n --primary-base-50: 255 246 246;\n--primary-base-100: 254 236 236;\n--primary-base-200: 253 217 218;\n--primary-base-300: 253 198 199;\n--primary-base-400: 252 179 181;\n--primary-base-500: 251 160 162;\n--primary-base-600: 201 128 130;\n--primary-base-700: 151 96 97;\n--primary-base-800: 100 64 65;\n--primary-base-900: 50 32 32;\n --contrast-primary-50: 0 0 0;\n--contrast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 0 0 0;\n--contrast-primary-500: 0 0 0;\n--contrast-primary-600: 0 0 0;\n--contrast-primary-700: 255 255 255;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n --header-background-50: 230 230 230;\n--header-background-100: 204 204 204;\n--header-background-200: 153 153 153;\n--header-background-300: 102 102 102;\n--header-background-400: 51 51 51;\n--header-background-500: 0 0 0;\n--header-background-600: 0 0 0;\n--header-background-700: 0 0 0;\n--header-background-800: 0 0 0;\n--header-background-900: 0 0 0;\n --header-link-50: 255 246 246;\n--header-link-100: 254 236 236;\n--header-link-200: 253 217 218;\n--header-link-300: 253 198 199;\n--header-link-400: 252 179 181;\n--header-link-500: 251 160 162;\n--header-link-600: 201 128 130;\n--header-link-700: 151 96 97;\n--header-link-800: 100 64 65;\n--header-link-900: 50 32 32;\n --header-button-text-50: 230 230 230;\n--header-button-text-100: 204 204 204;\n--header-button-text-200: 153 153 153;\n--header-button-text-300: 102 102 102;\n--header-button-text-400: 51 51 51;\n--header-button-text-500: 0 0 0;\n--header-button-text-600: 0 0 0;\n--header-button-text-700: 0 0 0;\n--header-button-text-800: 0 0 0;\n--header-button"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"-text-900: 0 0 0;\n }\n 1d:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n1e:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\n1f:{\"display\":\"inline-block\"}\n20:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\n15:[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\" straight-corners plain-background\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"privacy-policy\",\"href\":\"https://our.umbraco.com/privacy-policy\"}],[\"$\",\"style\",null,{\"nonce\":\"$undefined\",\"children\":\"$19\"}]]}],[\"$\",\"body\",null,{\"className\":\"__variable_274faa __variable_a7f53a __variable_e782a9 __className_4b9d0e __variable_0e9704 bg-light dark:bg-dark\",\"children\":[\"$\",\"$L1a\",null,{\"assetsURL\":\"https://ka-p.fontawesome.com/releases/v6.6.0/\",\"assetsURLToken\":\"a463935e93\",\"assetsByStyles\":{\"custom-icons\":{\"assetsURL\":\"/~gitbook/static/icons\"}},\"iconStyle\":\"regular\",\"children\":[\"$\",\"$L1b\",null,{\"language\":{\"locale\":\"en\",\"powered_by_gitbook\":\"Powered by GitBook\",\"sponsored_via_gitbook\":\"Sponsored via GitBook\",\"switch_to_dark_theme\":\"Switch to dark theme\",\"switch_to_light_theme\":\"Switch to light theme\",\"switch_to_system_theme\":\"Switch to system theme\",\"search\":\"Search\",\"search_or_ask\":\"Ask or Search\",\"search_input_placeholder\":\"Search content\",\"search_ask_input_placeholder\":\"Search content or ask a question\",\"search_no_results\":\"No results for \\\"${1}\\\".\",\"search_scope_space\":\"$${1}\",\"search_scope_all\":\"All content\",\"search_ask\":\"Ask \\\"${1}\\\"\",\"search_ask_sources\":\"Sources\",\"search_ask_sources_no_answer\":\"Related pages\",\"search_ask_no_answer\":\"An answer could not be found for your question. You could try rephrasing it, or be more specific.\",\"search_ask_error\":\"Something went wrong. Please try again later.\",\"on_this_page\":\"On this page\",\"next_page\":\"Next\",\"previous_page\":\"Previous\",\"page_last_modified\":\"Last updated ${1}\",\"was_this_helpful\":\"Was this helpful?\",\"was_this_helpful_positive\":\"Yes, it was!\",\"was_this_helpful_neutral\":\"Not sure\",\"was_this_helpful_negative\":\"No\",\"was_this_helpful_thank_you\":\"Thank you!\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\"Copy\",\"table_of_contents_button_label\":\"Open table of contents\",\"cookies_title\":\"Cookies\",\"cookies_prompt\":\"This site uses cookies to deliver its service and to analyse traffic. By browsing this site, you accept the ${1}.\",\"cookies_prompt_privacy\":\"privacy policy\",\"cookies_accept\":\"Accept\",\"cookies_reject\":\"Reject\",\"cookies_close\":\"Close\",\"edit_on_git\":\"Edit on ${1}\",\"notfound_title\":\"Page not found\",\"notfound\":\"The page you are looking for doesn't exist.\",\"unexpected_error_title\":\"An error occurred\",\"unexpected_error\":\"Sorry, an unexpected error has occurred. Please try again later.\",\"unexpected_error_retry\":\"Retry\",\"pdf_download\":\"Export as PDF\",\"pdf_goback\":\"Go back to content\",\"pdf_print\":\"Print or Save as PDF\",\"pdf_page_of\":\"$${1} of ${2}\",\"pdf_mode_only_page\":\"Only this page\",\"pdf_mode_all\":\"All pages\",\"pdf_limit_reached\":\"Couldn't generate the PDF for ${1} pages, generation stopped at ${2}.\",\"pdf_limit_reached_continue\":\"Extend with ${1} more pages.\",\"more\":\"More\"},\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\"],\"error\":\"$1c\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$1d\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$1e\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$1f\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$20\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]}]]}]\n21:HC\"https://api.gitbook.com\"\n22:HL[\"https://integrations.gitbook.com/v1/integrations/hotjar/installations/23059233958d11d26d0c14e2452de48ee5ffef90f612cd5e3a1a1d527f3468c2/sites/site_oih3X/script.js?version=148.0\",\"script\",{\"nonce\":\"ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4\"}]\n23:HL[\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_oih3X/script.js?version=149.0\",\"script\",{\"nonce\":\"ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4\"}]\n24:I[17760,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ClientContexts\"]\n25:I[72020,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"HeaderMobileMenu\"]\n26:I[22833,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Link\"]\n2a:\"$Sreact.suspense\"\n2b:I[86604,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"SearchButton\"]\n2e:I[19656,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"TOCScrollContainer\"]\n2f:I[66185,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ToggleableLinkItem\"]\n32:I[22563,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Icon\"]\n33:I[42663,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0a"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"f8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ThemeToggler\"]\n34:I[59814,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"SearchModal\"]\n35:I[49780,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"LoadIntegrations\"]\n36:I[35489,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"CookiesToast\"]\n14:[\"$\",\"$L24\",null,{\"nonce\":\"ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4\",\"forcedTheme\":\"$undefined\",\"children\":[[[\"$\",\"header\",null,{\"className\":\"flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:hidden lg:z-10 dark:shadow-light/1 bg-light dark:bg-dark\",\"children\":[[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-row gap-2\",\"children\":[[\"$\",\"$L25\",null,{\"className\":\"lg:hidden text-header-link\"}],[\"$\",\"$L26\",null,{\"href\":\"/welcome/\",\"className\":\"group/headerlogo flex-1 flex flex-row items-center shrink-0\",\"children\":[[\"$L27\",\"$L28\"],[\"$\",\"div\",null,{\"className\":\"text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light\",\"children\":\"UmbracoDocs\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"z-20\",\"children\":null}],\"$L29\",[\"$\",\"div\",null,{\"className\":\"flex md:w-56 grow-0 shrink-0 justify-self-end\",\"children\":[\"$\",\"$2a\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2b\",null,{\"style\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":\"Search\"}]}]}]}]]}]}],null]}],[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)] lg:min-h-screen\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-0 lg:h-[100vh]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden pr-4 lg:flex lg:flex-col flex-wrap lg:gap-x-5 gap-y-3 dark:shadow-light/1 justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-grow-0 mt-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-row gap-2\",\"children\":[[\"$\",\"$L25\",null,{\"className\":\"lg:hidden text-header-link\"}],[\"$\",\"$L26\",null,{\"href\":\"/welcome/\",\"className\":\"group/headerlogo flex-1 flex flex-row items-center shrink-0\",\"children\":[[\"$L"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"2c\",\"$L2d\"],[\"$\",\"div\",null,{\"className\":\"text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light\",\"children\":\"UmbracoDocs\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 grow-0 md:grow sm:max-w-xs lg:mt-2 lg:mb-8 lg:max-w-full justify-self-end\",\"children\":[\"$\",\"$2a\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2b\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":\"Search\"}]}]}]}]]}],[\"$\",\"$L2e\",null,{\"className\":\"pt-4 lg:pt-0 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[\u0026::-webkit-scrollbar]:bg-dark/1 group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-dark/3 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:[\u0026::-webkit-scrollbar]:bg-transparent dark:[\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[\u0026::-webkit-scrollbar]:bg-light/1 dark:group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20\",\"children\":[null,[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/\",\"pathname\":\"\",\"descendants\":null,\"children\":\"Umbraco Documentation\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/where-can-i-get-help\",\"pathname\":\"where-can-i-get-help\",\"descendants\":null,\"children\":\"Where can I get help?\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/documentation-and-versions\",\"pathname\":\"documentation-and-versions\",\"descendants\":null,\"children\":\"Versioning Strategy\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/add-on-products\",\"pathname\":\"add-on-products\",\"descendants\":null,\"children\":\"Add on products\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/changelogs\",\"pathname\":\"changelogs\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/changelogs/umbraco-cms\",\"pathname\":\"changelogs/umbraco-cms\",\"descendants\":null,\"children\":\"Umbraco CMS\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/changelogs/umbraco-cloud\",\"pathname\":\"changelogs/umbraco-cloud\",\"descendants\":null,\"children\":\"Umbraco Cloud\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/changelogs/umbraco-forms\",\"pathname\":\"changelogs/umbraco-forms\",\"descendants\":null,\"children\":\"Umbraco Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/changelogs/umbraco-commerce\",\"pathname\":\"changelogs/umbraco-commerce\",\"descendants\":null,\"children\":\"Umbraco Commerce\"}]}]]}],\"children\":\"Changelogs\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Getting Started\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/getting-started/managing-an-umbraco-project\",\"pathname\":\"getting-started/managing-an-umbraco-project\",\"descendants\":null,\"children\":\"Choosing Umbraco\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/getting-started/exploring-the-umbraco-products\",\"pathname\":\"getting-started/exploring-the-umbraco-products\",\"descendants\":null,\"children\":\"Exploring the Umbraco Products\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/getting-started/hosting-an-umbraco-infrastructure\",\"pathname\":\"gett"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"ing-started/hosting-an-umbraco-infrastructure\",\"descendants\":null,\"children\":\"Hosting an Umbraco project\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/getting-started/creating-websites-with-umbraco\",\"pathname\":\"getting-started/creating-websites-with-umbraco\",\"descendants\":null,\"children\":\"Creating websites\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/getting-started/editing-websites-with-umbraco\",\"pathname\":\"getting-started/editing-websites-with-umbraco\",\"descendants\":null,\"children\":\"Editing websites\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/getting-started/developing-websites-with-umbraco\",\"pathname\":\"getting-started/developing-websites-with-umbraco\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/getting-started/developing-websites-with-umbraco/customizing-umbraco-sites\",\"pathname\":\"getting-started/developing-websites-with-umbraco/customizing-umbraco-sites\",\"descendants\":null,\"children\":\"Customizing Umbraco\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/getting-started/developing-websites-with-umbraco/extending-the-umbraco-backoffice\",\"pathname\":\"getting-started/developing-websites-with-umbraco/extending-the-umbraco-backoffice\",\"descendants\":null,\"children\":\"Extending the Umbraco Backoffice\"}]}]]}],\"children\":\"Developing websites\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Contribute\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/welcome/contribute/getting-started\",\"pathname\":\"contribute/getting-started\",\"descendants\":null,\"children\":\"Contribute to Documentation\"}]}],\"$L30\",\"$L31\"]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark\",\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=Sg1T6AtJF8tEBpaFNTnW\",\"className\":\"font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:bg-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2\",\"children\":[[\"$\",\"$L32\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col\",\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"border-t border-dark/2 bg-light-2 dark:border-light/2 dark:bg-dark-2\",\"children\":[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full py-6 gap-6 md:flex-row md:gap-10 px-0 sm:px-0\",\"c"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"hildren\":[\" \",null,[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col gap-6 px-4 sm:px-6 md:px-0\",\"children\":[null,null]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start order-[-1] px-4 sm:px-6 md:px-0 md:order-1\",\"children\":[\"$\",\"$2a\",null,{\"fallback\":null,\"children\":[\"$\",\"$L33\",null,{}]}]}]]}]}]}],[\"$\",\"$2a\",null,{\"fallback\":null,\"children\":[\"$\",\"$L34\",null,{\"spaceId\":\"Sg1T6AtJF8tEBpaFNTnW\",\"revisionId\":\"fjsBCWuvSgQEGDOqntQs\",\"spaceTitle\":\"Generic\",\"withAsk\":false,\"isMultiVariants\":false,\"pointer\":{\"siteId\":\"site_oih3X\",\"spaceId\":\"Sg1T6AtJF8tEBpaFNTnW\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_NSPRu\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"}}]}]],[[\"$\",\"$L35\",null,{}],[[\"$\",\"script\",\"https://integrations.gitbook.com/v1/integrations/hotjar/installations/23059233958d11d26d0c14e2452de48ee5ffef90f612cd5e3a1a1d527f3468c2/sites/site_oih3X/script.js?version=148.0\",{\"async\":true,\"src\":\"https://integrations.gitbook.com/v1/integrations/hotjar/installations/23059233958d11d26d0c14e2452de48ee5ffef90f612cd5e3a1a1d527f3468c2/sites/site_oih3X/script.js?version=148.0\",\"nonce\":\"ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4\"}],[\"$\",\"script\",\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_oih3X/script.js?version=149.0\",{\"async\":true,\"src\":\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_oih3X/script.js?version=149.0\",\"nonce\":\"ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4\"}]]],[\"$\",\"$2a\",null,{\"fallback\":null,\"children\":[\"$\",\"$L36\",null,{\"privacyPolicy\":\"https://our.umbraco.com/privacy-policy\"}]}],[\"$\",\"script\",null,{\"nonce\":\"ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4\",\"suppressHydrationWarning\":true,\"data-cfasync\":\"false\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n document.addEventListener(\\\"DOMContentLoaded\\\", () =\u003e {\\n if (Array.from(document.scripts).find(script =\u003e script.src.includes('rocket-loader.min.js'))) {\\n const alert = document.createElement('div');\\n alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 mt-8 mx-8';\\n alert.innerHTML = `\\n \u003cstrong\u003eError in site configuration:\u003c/strong\u003e\\n It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to \u003ca href=\\\"https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare\\\" class=\\\"underline\\\"\u003eGitBook's documentation\u003c/a\u003e for steps to fix the problem.\\n `;\\n\\n document.body.prepend(alert);\\n }\\n });\"}}],null]}]\n29:[\"$\",\"div\",null,{\"className\":\"headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20\",\"children\":[[\"$L37\",\"$L38\",\"$L39\",\"$L3a\"],[\"$\",\"div\",null,{\"className\":\"headerLinks_linkEllipsis__Z01IN items-center z-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex\",\"children\":[[\"$\",\"button\",null,{\"className\":\"px-1 text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"More\"}],[\"$\",\"$L32\",null,{\"icon\":\"ellipsis\",\"className\":\"opacity-6 size-3 ms-1\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S1:\",\"className\":\"w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ri"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"ng-light/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\"]}]}]}]]}]}]]}]\n30:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/contributing/documentation\",\"className\":\"flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2\",\"children\":[\"$undefined\",\"Documentation\",[\"$\",\"$L32\",null,{\"icon\":\"arrow-up-right-from-square\",\"className\":\"size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [\u0026\u003epath]:transition-[opacity] [\u0026\u003epath]:[opacity:0.40] group-hover:[\u0026\u003epath]:[opacity:1]\"}]]}]}]\n31:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/contributing/umbraco-cms\",\"className\":\"flex justify-start items-center gap-3 pl-5 pr-1.5 py-1.5 text-sm transition-colors duration-100 text-dark/8 rounded-md straight-corners:rounded-none dark:text-light/7 font-normal hover:bg-dark/1 dark:hover:bg-light/2\",\"children\":[\"$undefined\",\"Umbraco-CMS\",[\"$\",\"$L32\",null,{\"icon\":\"arrow-up-right-from-square\",\"className\":\"size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [\u0026\u003epath]:transition-[opacity] [\u0026\u003epath]:[opacity:0.40] group-hover:[\u0026\u003epath]:[opacity:1]\"}]]}]}]\n3a:[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex\",\"children\":[[\"$\",\"$L26\",null,{\"id\":\":S2:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"href\":\"/welcome/add-on-products\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Add ons\"}],[\"$\",\"$L32\",null,{\"icon\":\"chevron-down\",\"className\":\"opacity-6 size-3 ms-1 transition-transform group-hover/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S2:\",\"className\":\"w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L3f\",\"$L40\",\"$L41\"]}]}]}]]}]\n3e:[\"$\",\"$L26\",null,{\"href\":\"/welcome/add-on-products\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Add ons\"}]\n42:T5ab,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=22c269a8\u0026sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=22c269a8\u0026sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=22c269a8\u0026sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=22c269a8\u0026sv=1 128w27:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block dark:hidden object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=22c269a8\u0026sv=1\",\"srcSet\":\"$42\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n43:T5ab,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=22c269a8\u0026sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=22c269a8\u0026sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=22c269a8\u0026sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=22c269a8\u0026sv=1 128w2d:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"lazy\",\"fetchPriority\":\"high\",\"className\":\"hidden dark:block object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=22c269a8\u0026sv=1\",\"srcSet\":\"$43\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n39:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-heartcore/\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Heartcore\"}],null]}]\n3d:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-heartcore/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Heartcore\"}]\n44:T5ab,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=22c269a8\u0026sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=22c269"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"a8\u0026sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=22c269a8\u0026sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=22c269a8\u0026sv=1 128w2c:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block dark:hidden object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=22c269a8\u0026sv=1\",\"srcSet\":\"$44\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n45:T5ab,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=22c269a8\u0026sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=22c269a8\u0026sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=22c269a8\u0026sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=22c269a8\u0026sv=1 128w28:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"lazy\",\"fetchPriority\":\"high\",\"className\":\"hidden dark:block object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Ficon%252F9RnS6scfxJUKXWzXAtIc%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3D56e945e6-8719-42bc-818f-c5b3ed0f9047\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=22c269a8\u0026sv=1\",\"srcSet\":\"$45\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n41:[\"$\",\"$L26\",null,{\"href\":\"https://app.gitbook.com/s/P70U25AMPIZGliN2ZEDE\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Workflow\"}]\n3f:[\"$\",\"$L26\",null,{\"href\":\"https://app.gitbook.com/s/2XErz7PeSuiFTiCbGF0w\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Forms\"}]\n37:[\"$\",\"$L26\",null,{\"href\":\"https://app.gitbook.com/s/OdQETpqkO0Kcv8KMquKL\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400\""])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"CMS\"}],null]}]\n3b:[\"$\",\"$L26\",null,{\"href\":\"https://app.gitbook.com/s/OdQETpqkO0Kcv8KMquKL\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"CMS\"}]\n47:I[92083,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"PageFeedbackForm\"]\n48:I[2554,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"Ad\"]\n49:I[46451,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"PreservePageLayout\"]\n4a:\"$Sreact.fragment\"\n54:I[66819,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"DateRelative\"]\n55:I[70155,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"TrackPageView\"]\n56:I[50004,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"PageClientLayout\"]\nf:[null,[\"$\",\"div\",null,{\"className\":\"flex flex-row-reverse justify-end\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-l"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"ight-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-screen top-0 page-api-block:xl:max-2xl:top-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden page-api-block:xl:max-2xl:flex flex-row items-center gap-3 text-sm font-semibold px-2 py-2\",\"children\":[[\"$\",\"$L32\",null,{\"icon\":\"bars\",\"className\":\"size-3\"}],\"On this page\"]}],[\"$\",\"div\",null,{\"className\":\"overflow-auto flex-1 flex flex-col gap-4 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex\",\"children\":[[\"$\",\"$2a\",null,{\"fallback\":null,\"children\":\"$L46\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 page-api-block:xl:max-2xl:px-3\",\"children\":[[\"$\",\"$2a\",null,{\"fallback\":null,\"children\":[\"$\",\"$L47\",null,{\"pageId\":\"NhDhcZW2Uk7J0ZjtPokZ\",\"className\":\"mt-2\"}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/umbraco/UmbracoDocs/blob/main/generic/getting-started/creating-websites-with-umbraco.md\",\"className\":\"flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5\",\"children\":[[\"$\",\"$L32\",null,{\"icon\":\"github\",\"className\":\"size-4 mr-1.5\"}],\"Edit on GitHub\"]}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"/welcome/~gitbook/pdf?page=NhDhcZW2Uk7J0ZjtPokZ\u0026only=yes\",\"className\":\"flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5\",\"children\":[[\"$\",\"$L32\",null,{\"icon\":\"file-pdf\",\"className\":\"size-4 mr-1.5\"}],\"Export as PDF\"]}]}]]}]]}],[\"$\",\"$L48\",null,{\"zoneId\":null,\"placement\":\"page.aside\",\"spaceId\":\"Sg1T6AtJF8tEBpaFNTnW\",\"siteAdsStatus\":\"$undefined\",\"ignore\":false,\"style\":\"mt-4\"}]]}],[[\"$\",\"main\",null,{\"className\":\"flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto\",\"children\":[[\"$\",\"$L49\",null,{\"asFullWidth\":false}],null,[\"$\",\"header\",null,{\"className\":\"max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold flex items-center gap-4\",\"children\":[\"$undefined\",\"Creating websites\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-dark-4 dark:text-light-4\",\"children\":\"This section shows you some beginner tools and information to get you started with Umbraco. From making a local installation to extending the backoffice.\"}]]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"how-umbraco-works\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",nul"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"l,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-li"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"ght-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"try-it-out\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite]"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1," [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"other-resources\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}]]}],\"children\":[\"$\",\"div\",null,{\"className\":\"[\u0026\u003e*+*]:mt-5 grid whitespace-pre-wrap\",\"children\":[[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"In this section, you will find information on which frameworks, languages, and platforms to use with Umbraco to create user-friendly and responsive websites.\"}]]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"There is a set of key concepts that you will need to familiarize yourself with. This section will give you the details you need as well as introduce you to how you can work with them in the Umbraco backoffice.\"}]]]}],[\"$\",\"div\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center\",\"children\":[\"$L4b\"]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"We've even included some helpful tutorials which you can follow for creatin"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"g a basic site to get you started.\"}]]]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"how-umbraco-works\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"how-umbraco-works\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#how-umbraco-works\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L32\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"How Umbraco works\"}]]]}]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Your website's content is based on \"}],[\"$\",\"$4a\",\"1\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"Document Types\"}]}],[\"$\",\"$4a\",\"2\",{\"children\":\". Each of these Document Types is structured by \"}],[\"$\",\"$4a\",\"3\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"Properties\"}]}],[\"$\",\"$4a\",\"4\",{\"children\":\" made up of \"}],[\"$\",\"$4a\",\"5\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"Data Types\"}]}],[\"$\",\"$4a\",\"6\",{\"children\":\", and each Data Type has an underlying \"}],[\"$\",\"$4a\",\"7\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"Property Editor\"}]}],[\"$\",\"$4a\",\"8\",{\"children\":\".\"}]]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Once you've created content based on the Document Types, they will be published on your website using \"}],[\"$\",\"$4a\",\"1\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"Templates\"}]}],[\"$\",\"$4a\",\"2\",{\"children\":\".\"}]]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"div\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center\",\"children\":[\"$L4c\"]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"There are a lot of terminologies here! Let's look at breaking those terms down:\"}]]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_a"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"t_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]],\"$L4d\",[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]],\"$L4e\",[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]],\"$L4f\",[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]],\"$L50\",[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"try-it-out\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounde"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"d-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"try-it-out\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#try-it-out\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L32\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Try it out\"}]]]}]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]],\"$L51\",[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]],\"$L52\",[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"other-resources\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dar"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"k/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"other-resources\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#other-resources\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L32\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Other resources\"}]]]}]]}]}],[\"$\",\"$2a\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]],\"$L53\",[[\"$\",\"$4a\",\"0\",{\"children\":\"\"}]]]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0\",\"children\":[[\"$\",\"$L26\",null,{\"href\":\"/welcome/getting-started/hosting-an-umbraco-infrastructure\",\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1 text-right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Previous\"}],[\"$\",\"span\",null,{\"className\":\"text-dark dark:text-light/6 group-hover:text-primary line-clamp-2\",\"children\":\"Hosting an Umbraco project\"}]]}],[\"$\",\"$L32\",null,{\"icon\":\"chevron-left\",\"className\":\"hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block\"}]]}],[\"$\",\"$L26\",null,{\"href\":\"/welcome/getting-started/editing-websites-with-umbraco\",\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[[\"$\",\"span\",null,{\"clas"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"sName\":\"text-xs\",\"children\":\"Next\"}],[\"$\",\"span\",null,{\"className\":\"text-dark dark:text-light/6 group-hover:text-primary line-clamp-2\",\"children\":\"Editing websites\"}]]}],[\"$\",\"$L32\",null,{\"icon\":\"chevron-right\",\"className\":\"hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-dark/6 dark:text-light/5\",\"children\":[[[\"$\",\"$4a\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$4a\",\"arg-0\",{\"children\":[\"$\",\"$L54\",null,{\"value\":\"2024-04-28T19:18:36.038Z\"}]}]],\"\"]}],null]}]]}],[\"$\",\"$L55\",null,{\"sitePointer\":{\"siteId\":\"site_oih3X\",\"spaceId\":\"Sg1T6AtJF8tEBpaFNTnW\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_NSPRu\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"},\"spaceId\":\"Sg1T6AtJF8tEBpaFNTnW\",\"pageId\":\"NhDhcZW2Uk7J0ZjtPokZ\",\"apiHost\":\"https://api.gitbook.com\"}]]]}],[\"$\",\"$2a\",null,{\"fallback\":null,\"children\":[\"$\",\"$L56\",null,{\"withSections\":false}]}]]\n16:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"color-scheme\",\"content\":\"light dark\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\"Creating websites | UmbracoDocs\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"This section shows you some beginner tools and information to get you started with Umbraco. From making a local installation to extending the backoffice.\"}],[\"$\",\"meta\",\"5\",{\"name\":\"generator\",\"content\":\"GitBook (fc8065b)\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://docs.umbraco.com/welcome/getting-started/creating-websites-with-umbraco\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Creating websites | UmbracoDocs\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"This section shows you some beginner tools and information to get you started with Umbraco. From making a local installation to extending the backoffice.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://docs.umbraco.com/welcome/~gitbook/ogimage/NhDhcZW2Uk7J0ZjtPokZ\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Creating websites | UmbracoDocs\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"This section shows you some beginner tools and information to get you started with Umbraco. From making a local installation to extending the backoffice.\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image\",\"content\":\"https://docs.umbraco.com/welcome/~gitbook/ogimage/NhDhcZW2Uk7J0ZjtPokZ\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"https://3670937146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSg1T6AtJF8tEBpaFNTnW%2Ficon%2F9RnS6scfxJUKXWzXAtIc%2FUmbraco_Documentations_logo_icon.png?alt=media\u0026token=56e945e6-8719-42bc-818f-c5b3ed0f9047\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"https://3670937146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSg1T6AtJF8tEBpaFNTnW%2Ficon%2F9RnS6scfxJUKXWzXAtIc%2FUmbraco_Documentations_logo_icon.png?alt=media\u0026token=56e945e6-8719-42bc-818f-c5b3ed0f9047\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"17\",{\"name\":\"next-size-adjust\"}]]\ne:null\n57:I[64355,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"ScrollSection"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"sList\"]\n46:[\"$\",\"$L57\",null,{\"sections\":[{\"id\":\"how-umbraco-works\",\"title\":\"How Umbraco works\",\"depth\":1},{\"id\":\"try-it-out\",\"title\":\"Try it out\",\"depth\":1},{\"id\":\"other-resources\",\"title\":\"Other resources\",\"depth\":1}]}]\n52:[\"$\",\"$L26\",null,{\"href\":\"https://www.youtube.com/watch?v=Yu29dE-0OoI\u0026list=PLgX62vUaGZsFBcq9eSJ_178rXgn82sJ-T\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Video: Create an Umbraco website\"}]]]}]\n38:[\"$\",\"$L26\",null,{\"href\":\"https://app.gitbook.com/s/ZtqcoypStodmS9g6g8zC\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap dark:hover:text-light text-header-link-500 hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Cloud\"}],null]}]\n3c:[\"$\",\"$L26\",null,{\"href\":\"https://app.gitbook.com/s/ZtqcoypStodmS9g6g8zC\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Cloud\"}]\n4d:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/data/defining-content\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Defining content in Umbraco using Document Types\"}]]]}]\n4e:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/data/data-types\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"What is a Data Type?\"}]]]}]\n4f:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/backoffice/property-editors\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"What is a Property Editor?\"}]]]}]\n50:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/design/templates\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Working with Templates\"}]]]}]\n51:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/13.latest/tutorials/creating-a-basic-website\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Learn how to create a website with Umbraco\"}]]]}]\n53:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/backoffice/variants\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"How can translations be used with content?\"}]]]}]\n40:[\"$\",\"$L26\",null,{\"href\":\"https://app.gitbook.com/s/wVOXdup737gEj1JyGtg1\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Deploy\"}]\n"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"59:I[45343,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ZoomImage\"]\n"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"58:HL[\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1\",\"image\",{\"fetchPriority\":\"high\",\"imageSrcSet\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 3072w\",\"imageSizes\":\"(max-width: 640px) 400px, 768px\"}]\n5b:HL[\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=cfbeabc\u0026sv=1\",\"image\",{\"fetchPriority\":\"low\",\"imageSrcSet\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FS"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"g1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 3072w\",\"imageSizes\":\"(max-width: 640px) 400px, 768px\"}]\n5a:Tadb,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-p"])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"rod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1 3072w4b:[\"$\",\"picture\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded straight-corners:rounded-none after:block after:absolute after:-inset-[0] after:border-dark/2 after:border after:rounded straight-corners:after:rounded-none dark:after:border-light/1 dark:after:mix-blend-plus-lighter after:pointer-events-none w-fit mx-auto\",\"children\":[[\"$\",\"$L59\",null,{\"alt\":\"\",\"style\":{\"maxWidth\":\"100%\",\"width\":\"$undefined\",\"height\":\"auto\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=e9e4ac2b\u0026sv=1\",\"srcSet\":\"$5a\",\"sizes\":\"(max-width: 640px) 400px, 768px\",\"width\":780,\"height\":406}],null]}],[\"$\",\"figcaption\",null,{\"className\":\"text-sm text-center mt-2 text-dark/7 dark:text-light/7\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Umbraco tree image\"}]]]}]]}]\n5c:Ta6b,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 1536w, https://docs."])</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">self.__next_f.push([1,"umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=cfbeabc\u0026sv=1 3072w4c:[\"$\",\"picture\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded straight-corners:rounded-none after:block after:absolute after:-inset-[0] after:border-dark/2 after:border after:rounded straight-corners:after:rounded-none dark:after:border-light/1 dark:after:mix-blend-plus-lighter after:pointer-events-none w-fit mx-auto\",\"children\":[[\"$\",\"$L59\",null,{\"alt\":\"\",\"style\":{\"maxWidth\":\"100%\",\"width\":\"$undefined\",\"height\":\"auto\"},\"loading\":\"lazy\",\"fetchPriority\":\"low\",\"className\":\"block\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=cfbeabc\u0026sv=1\",\"srcSet\":\"$5c\",\"sizes\":\"(max-width: 640px) 400px, 768px\",\"width\":4068,\"height\":1234}],null]}],[\"$\",\"figcaption\",null,{\"className\":\"text-sm text-center mt-2 text-dark/7 dark:text-light/7\",\"children\":[[[\"$\",\"$4a\",\"0\",{\"children\":\"Example of tree content structure\"}]]]}]]}]\n"])</script><link rel="preload" as="image" fetchPriority="high" imageSrcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=e9e4ac2b&sv=1 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=e9e4ac2b&sv=1 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=e9e4ac2b&sv=1 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=e9e4ac2b&sv=1 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=e9e4ac2b&sv=1 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=e9e4ac2b&sv=1 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=e9e4ac2b&sv=1 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=e9e4ac2b&sv=1 3072w" imageSizes="(max-width: 640px) 400px, 768px"/><link rel="preload" as="image" fetchPriority="low" imageSrcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=cfbeabc&sv=1 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=cfbeabc&sv=1 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=cfbeabc&sv=1 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=cfbeabc&sv=1 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=cfbeabc&sv=1 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=cfbeabc&sv=1 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=cfbeabc&sv=1 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=cfbeabc&sv=1 3072w" imageSizes="(max-width: 640px) 400px, 768px"/><div hidden id="S:1"><picture class="relative"><div class="relative overflow-hidden rounded straight-corners:rounded-none after:block after:absolute after:-inset-[0] after:border-dark/2 after:border after:rounded straight-corners:after:rounded-none dark:after:border-light/1 dark:after:mix-blend-plus-lighter after:pointer-events-none w-fit mx-auto"><img alt="" style="max-width:100%;height:auto" fetchPriority="high" class="block" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=e9e4ac2b&sv=1" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=e9e4ac2b&sv=1 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=e9e4ac2b&sv=1 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=e9e4ac2b&sv=1 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=e9e4ac2b&sv=1 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=e9e4ac2b&sv=1 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=e9e4ac2b&sv=1 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=e9e4ac2b&sv=1 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-ee85087d65885720cdcc62d6ce2cb67685f5c3ce%252FHeadless_Email_hero_780x405px.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=e9e4ac2b&sv=1 3072w" sizes="(max-width: 640px) 400px, 768px" width="780" height="406"/></div><figcaption class="text-sm text-center mt-2 text-dark/7 dark:text-light/7">Umbraco tree image</figcaption></picture></div><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:1","P:1")</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script><div hidden id="S:3"><picture class="relative"><div class="relative overflow-hidden rounded straight-corners:rounded-none after:block after:absolute after:-inset-[0] after:border-dark/2 after:border after:rounded straight-corners:after:rounded-none dark:after:border-light/1 dark:after:mix-blend-plus-lighter after:pointer-events-none w-fit mx-auto"><img alt="" style="max-width:100%;height:auto" loading="lazy" fetchPriority="low" class="block" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=cfbeabc&sv=1" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=cfbeabc&sv=1 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=cfbeabc&sv=1 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=cfbeabc&sv=1 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=cfbeabc&sv=1 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=cfbeabc&sv=1 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=cfbeabc&sv=1 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=cfbeabc&sv=1 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F3670937146-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FSg1T6AtJF8tEBpaFNTnW%252Fuploads%252Fgit-blob-59e85e849db2e6ecd6508b71d1b00110055c9e2c%252Fcontentstructure.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=cfbeabc&sv=1 3072w" sizes="(max-width: 640px) 400px, 768px" width="4068" height="1234"/></div><figcaption class="text-sm text-center mt-2 text-dark/7 dark:text-light/7">Example of tree content structure</figcaption></picture></div><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">$RS("S:3","P:3")</script><script nonce="ZDhmZGUxNjAtMmViZS00MDYxLTg3ZTMtMzQ3MDFhYjZlYTU4">$RC("B:2","S:2")</script></body></html>