CINXE.COM

<!DOCTYPE html><html class="__variable_0d0188 __variable_4d318d" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/569ce4b8f30dc480-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/93f479601ee12b01.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=64&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=128&q=75 2x"/><link rel="stylesheet" href="/_next/static/css/08b023804daf62bb.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/93d6a97e20faf20d.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7b0dc059936e156c.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ded4a7793606337b.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/935a0b934d2099ee.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/23915549b14cfd58.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ca88c4ca37434c71.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ae419023406be092.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1ac4f2ea93ccb85a.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1617ff89c081c505.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/3f075e35768c0271.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/4e76815e609c056f.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-63be0339bd73eb48.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi"/><script src="/_next/static/chunks/cdc54b65-692839e4103c4e21.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/2346-9bf65e812c146281.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/main-app-0de5a8d103b09d59.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/7913-cc22e44c497fb082.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/448-96c91a7298cf57a0.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/988-d71ad3f6508174de.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/app/(next-site)/page-8279f744e9fc804f.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/app/(next-site)/learn/page-4d006ea043fef608.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/7227-8c648befd2d32ba6.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/2831-b510887f9022fe71.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script src="/_next/static/chunks/app/(next-site)/learn/%5B...slug%5D/page-f5d5e7ffc438f204.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><meta name="next-size-adjust" content=""/><style>.uwu-flex { display: none; } .uwu .uwu-flex { display: flex; } .uwu .uwu-hidden { display: none; }</style><script>try { if (['', 'true', '1'].includes(new URLSearchParams(document.location.search).get('uwu'))) { document.documentElement.classList.add('uwu'); console.log('Next.js uwu logo by SAWARATSUKI: https://github.com/SAWARATSUKI'); } } catch (e) {}</script><title>Learn Next.js | Next.js by Vercel - The React Framework</title><meta name="description" content="Next.js by Vercel is the full-stack React framework for the web."/><link rel="canonical" href="https://nextjs.org/learn"/><meta property="og:title" content="Learn Next.js | Next.js by Vercel - The React Framework"/><meta property="og:description" content="Next.js by Vercel is the full-stack React framework for the web."/><meta property="og:image:type" content="image/jpeg"/><meta property="og:image:width" content="1686"/><meta property="og:image:height" content="882"/><meta property="og:image" content="https://nextjs.org/learn/opengraph-image-r39hrb.jpg?df875105552a39e2"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@vercel"/><meta name="twitter:title" content="Next.js by Vercel - The React Framework"/><meta name="twitter:description" content="Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications."/><meta name="twitter:image:type" content="image/jpeg"/><meta name="twitter:image:width" content="1686"/><meta name="twitter:image:height" content="882"/><meta name="twitter:image" content="https://nextjs.org/learn/twitter-image-r39hrb.jpg?df875105552a39e2"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="48x48"/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" noModule=""></script></head><body><header class="header_header__zJOD0 header_sticky__2ak2z"><a class="skip-nav-link_skipLink__M2lut" href="#geist-skip-nav" tabindex="0">Skip to content</a><nav class="navbar_nav__dCdXi"><div class="navbar_mobileTop__yLNXQ"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><a rel="noopener noreferrer" target="_blank" data-testid="navbar/vercel-logo" href="https://vercel.com/home?utm_source=next-site&utm_medium=banner&utm_campaign=learn" aria-label="Go to Vercel homepage" title="Go to Vercel homepage"><svg aria-label="Vercel logomark" height="22" role="img" style="width:auto;overflow:visible" viewBox="0 0 74 64"><path d="M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z" fill="var(--geist-foreground)"></path></svg></a><svg height="32" viewBox="0 0 32 32" width="32"><path d="M22 5L9 28" stroke="var(--accents-2)" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="uwu-flex"><a class="navbar_uwuMobileLogo__zHGR_" title="Go to the homepage" data-zone="same" href="/?uwu=true"><img alt="Next.js uwu logo by SAWARATSUKI" width="54" height="34" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=64&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=128&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=128&q=75"/></a></div><div class="uwu-hidden"><a class="navbar_mobileLogo__Q5KxZ" title="Go to the homepage" data-zone="same" href="/"><svg aria-label="Next.js logotype" height="18" role="img" viewBox="0 0 394 79"><path d="M261.919 0.0330722H330.547V12.7H303.323V79.339H289.71V12.7H261.919V0.0330722Z" fill="var(--geist-foreground)"></path><path d="M149.052 0.0330722V12.7H94.0421V33.0772H138.281V45.7441H94.0421V66.6721H149.052V79.339H80.43V12.7H80.4243V0.0330722H149.052Z" fill="var(--geist-foreground)"></path><path d="M183.32 0.0661486H165.506L229.312 79.3721H247.178L215.271 39.7464L247.127 0.126654L229.312 0.154184L206.352 28.6697L183.32 0.0661486Z" fill="var(--geist-foreground)"></path><path d="M201.6 56.7148L192.679 45.6229L165.455 79.4326H183.32L201.6 56.7148Z" fill="var(--geist-foreground)"></path><path clip-rule="evenodd" d="M80.907 79.339L17.0151 0H0V79.3059H13.6121V16.9516L63.8067 79.339H80.907Z" fill="var(--geist-foreground)" fill-rule="evenodd"></path><path d="M333.607 78.8546C332.61 78.8546 331.762 78.5093 331.052 77.8186C330.342 77.1279 329.991 76.2917 330 75.3011C329.991 74.3377 330.342 73.5106 331.052 72.8199C331.762 72.1292 332.61 71.7838 333.607 71.7838C334.566 71.7838 335.405 72.1292 336.115 72.8199C336.835 73.5106 337.194 74.3377 337.204 75.3011C337.194 75.9554 337.028 76.5552 336.696 77.0914C336.355 77.6368 335.922 78.064 335.377 78.373C334.842 78.6911 334.252 78.8546 333.607 78.8546Z" fill="var(--geist-foreground)"></path><path d="M356.84 45.4453H362.872V68.6846C362.863 70.8204 362.401 72.6472 361.498 74.1832C360.585 75.7191 359.321 76.8914 357.698 77.7185C356.084 78.5364 354.193 78.9546 352.044 78.9546C350.079 78.9546 348.318 78.6001 346.75 77.9094C345.182 77.2187 343.937 76.1826 343.024 74.8193C342.101 73.456 341.649 71.7565 341.649 69.7207H347.691C347.7 70.6114 347.903 71.3838 348.29 72.0291C348.677 72.6744 349.212 73.1651 349.895 73.5105C350.586 73.8559 351.38 74.0286 352.274 74.0286C353.243 74.0286 354.073 73.8286 354.746 73.4196C355.419 73.0197 355.936 72.4199 356.296 71.6201C356.646 70.8295 356.831 69.8479 356.84 68.6846V45.4453Z" fill="var(--geist-foreground)"></path><path d="M387.691 54.5338C387.544 53.1251 386.898 52.0254 385.773 51.2438C384.638 50.4531 383.172 50.0623 381.373 50.0623C380.11 50.0623 379.022 50.2532 378.118 50.6258C377.214 51.0075 376.513 51.5164 376.033 52.1617C375.554 52.807 375.314 53.5432 375.295 54.3703C375.295 55.061 375.461 55.6608 375.784 56.1607C376.107 56.6696 376.54 57.0968 377.103 57.4422C377.656 57.7966 378.274 58.0874 378.948 58.3237C379.63 58.56 380.313 58.76 380.995 58.9236L384.14 59.6961C385.404 59.9869 386.631 60.3778 387.802 60.8776C388.973 61.3684 390.034 61.9955 390.965 62.7498C391.897 63.5042 392.635 64.413 393.179 65.4764C393.723 66.5397 394 67.7848 394 69.2208C394 71.1566 393.502 72.8562 392.496 74.3285C391.491 75.7917 390.043 76.9369 388.143 77.764C386.252 78.582 383.965 79 381.272 79C378.671 79 376.402 78.6002 374.493 77.8004C372.575 77.0097 371.08 75.8463 370.001 74.3194C368.922 72.7926 368.341 70.9294 368.258 68.7391H374.235C374.318 69.8842 374.687 70.8386 375.314 71.6111C375.95 72.3745 376.78 72.938 377.795 73.3197C378.819 73.6923 379.962 73.8832 381.226 73.8832C382.545 73.8832 383.707 73.6832 384.712 73.2924C385.708 72.9016 386.492 72.3564 387.055 71.6475C387.627 70.9476 387.913 70.1206 387.922 69.1754C387.913 68.312 387.654 67.5939 387.156 67.0304C386.649 66.467 385.948 65.9944 385.053 65.6127C384.15 65.231 383.098 64.8856 381.899 64.5857L378.081 63.6223C375.323 62.9225 373.137 61.8592 371.541 60.4323C369.937 59.0054 369.143 57.115 369.143 54.7429C369.143 52.798 369.678 51.0894 370.758 49.6261C371.827 48.1629 373.294 47.0268 375.148 46.2179C377.011 45.4 379.114 45 381.456 45C383.836 45 385.92 45.4 387.719 46.2179C389.517 47.0268 390.929 48.1538 391.952 49.5897C392.976 51.0257 393.511 52.6707 393.539 54.5338H387.691Z" fill="var(--geist-foreground)"></path></svg></a></div></div><div class="navbar_mobileTopRight__p4VGF"><button class="navbar_search__dZT2b" data-variant="large" type="button">Search documentation...</button><button class="navbar_search__dZT2b" data-variant="medium" type="button">Search...<kbd>鈱楰</kbd></button><button aria-label="Search documentation" class="navbar_search__dZT2b" data-variant="small" type="button"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 6.5C1.5 3.73858 3.73858 1.5 6.5 1.5C9.26142 1.5 11.5 3.73858 11.5 6.5C11.5 9.26142 9.26142 11.5 6.5 11.5C3.73858 11.5 1.5 9.26142 1.5 6.5ZM6.5 0C2.91015 0 0 2.91015 0 6.5C0 10.0899 2.91015 13 6.5 13C8.02469 13 9.42677 12.475 10.5353 11.596L13.9697 15.0303L14.5 15.5607L15.5607 14.5L15.0303 13.9697L11.596 10.5353C12.475 9.42677 13 8.02469 13 6.5C13 2.91015 10.0899 0 6.5 0Z" fill="currentColor"/></svg></button><button aria-label="open menu" class="navbar_menuButton__BJwt4" type="button"><div class="menu-toggle_wrap__qevaX "></div></button></div></div><div class="navbar_links__jysVN"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><a rel="noopener noreferrer" target="_blank" data-testid="navbar/vercel-logo" href="https://vercel.com/home?utm_source=next-site&utm_medium=banner&utm_campaign=learn" aria-label="Go to Vercel homepage" title="Go to Vercel homepage"><svg aria-label="Vercel logomark" height="22" role="img" style="width:auto;overflow:visible" viewBox="0 0 74 64"><path d="M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z" fill="var(--geist-foreground)"></path></svg></a><svg height="32" viewBox="0 0 32 32" width="32"><path d="M22 5L9 28" stroke="var(--accents-2)" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="navbar_uwuDesktopLogoWrapper__VynOK uwu-flex"><a aria-label="Go to the homepage" class="navbar_uwuDesktopLogo__MHsxN" title="Go to the homepage" data-state="closed" style="-webkit-touch-callout:none" data-zone="same" href="/?uwu=true"><img alt="Next.js uwu logo by SAWARATSUKI" width="54" height="34" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=64&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=128&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=128&q=75"/></a></div><div class="uwu-hidden"><a aria-label="Go to the homepage" class="navbar_logo__wXwXy" title="Go to the homepage" data-state="closed" style="-webkit-touch-callout:none" data-zone="same" href="/"><svg aria-label="Next.js logotype" height="18" role="img" viewBox="0 0 394 79"><path d="M261.919 0.0330722H330.547V12.7H303.323V79.339H289.71V12.7H261.919V0.0330722Z" fill="var(--geist-foreground)"></path><path d="M149.052 0.0330722V12.7H94.0421V33.0772H138.281V45.7441H94.0421V66.6721H149.052V79.339H80.43V12.7H80.4243V0.0330722H149.052Z" fill="var(--geist-foreground)"></path><path d="M183.32 0.0661486H165.506L229.312 79.3721H247.178L215.271 39.7464L247.127 0.126654L229.312 0.154184L206.352 28.6697L183.32 0.0661486Z" fill="var(--geist-foreground)"></path><path d="M201.6 56.7148L192.679 45.6229L165.455 79.4326H183.32L201.6 56.7148Z" fill="var(--geist-foreground)"></path><path clip-rule="evenodd" d="M80.907 79.339L17.0151 0H0V79.3059H13.6121V16.9516L63.8067 79.339H80.907Z" fill="var(--geist-foreground)" fill-rule="evenodd"></path><path d="M333.607 78.8546C332.61 78.8546 331.762 78.5093 331.052 77.8186C330.342 77.1279 329.991 76.2917 330 75.3011C329.991 74.3377 330.342 73.5106 331.052 72.8199C331.762 72.1292 332.61 71.7838 333.607 71.7838C334.566 71.7838 335.405 72.1292 336.115 72.8199C336.835 73.5106 337.194 74.3377 337.204 75.3011C337.194 75.9554 337.028 76.5552 336.696 77.0914C336.355 77.6368 335.922 78.064 335.377 78.373C334.842 78.6911 334.252 78.8546 333.607 78.8546Z" fill="var(--geist-foreground)"></path><path d="M356.84 45.4453H362.872V68.6846C362.863 70.8204 362.401 72.6472 361.498 74.1832C360.585 75.7191 359.321 76.8914 357.698 77.7185C356.084 78.5364 354.193 78.9546 352.044 78.9546C350.079 78.9546 348.318 78.6001 346.75 77.9094C345.182 77.2187 343.937 76.1826 343.024 74.8193C342.101 73.456 341.649 71.7565 341.649 69.7207H347.691C347.7 70.6114 347.903 71.3838 348.29 72.0291C348.677 72.6744 349.212 73.1651 349.895 73.5105C350.586 73.8559 351.38 74.0286 352.274 74.0286C353.243 74.0286 354.073 73.8286 354.746 73.4196C355.419 73.0197 355.936 72.4199 356.296 71.6201C356.646 70.8295 356.831 69.8479 356.84 68.6846V45.4453Z" fill="var(--geist-foreground)"></path><path d="M387.691 54.5338C387.544 53.1251 386.898 52.0254 385.773 51.2438C384.638 50.4531 383.172 50.0623 381.373 50.0623C380.11 50.0623 379.022 50.2532 378.118 50.6258C377.214 51.0075 376.513 51.5164 376.033 52.1617C375.554 52.807 375.314 53.5432 375.295 54.3703C375.295 55.061 375.461 55.6608 375.784 56.1607C376.107 56.6696 376.54 57.0968 377.103 57.4422C377.656 57.7966 378.274 58.0874 378.948 58.3237C379.63 58.56 380.313 58.76 380.995 58.9236L384.14 59.6961C385.404 59.9869 386.631 60.3778 387.802 60.8776C388.973 61.3684 390.034 61.9955 390.965 62.7498C391.897 63.5042 392.635 64.413 393.179 65.4764C393.723 66.5397 394 67.7848 394 69.2208C394 71.1566 393.502 72.8562 392.496 74.3285C391.491 75.7917 390.043 76.9369 388.143 77.764C386.252 78.582 383.965 79 381.272 79C378.671 79 376.402 78.6002 374.493 77.8004C372.575 77.0097 371.08 75.8463 370.001 74.3194C368.922 72.7926 368.341 70.9294 368.258 68.7391H374.235C374.318 69.8842 374.687 70.8386 375.314 71.6111C375.95 72.3745 376.78 72.938 377.795 73.3197C378.819 73.6923 379.962 73.8832 381.226 73.8832C382.545 73.8832 383.707 73.6832 384.712 73.2924C385.708 72.9016 386.492 72.3564 387.055 71.6475C387.627 70.9476 387.913 70.1206 387.922 69.1754C387.913 68.312 387.654 67.5939 387.156 67.0304C386.649 66.467 385.948 65.9944 385.053 65.6127C384.15 65.231 383.098 64.8856 381.899 64.5857L378.081 63.6223C375.323 62.9225 373.137 61.8592 371.541 60.4323C369.937 59.0054 369.143 57.115 369.143 54.7429C369.143 52.798 369.678 51.0894 370.758 49.6261C371.827 48.1629 373.294 47.0268 375.148 46.2179C377.011 45.4 379.114 45 381.456 45C383.836 45 385.92 45.4 387.719 46.2179C389.517 47.0268 390.929 48.1538 391.952 49.5897C392.976 51.0257 393.511 52.6707 393.539 54.5338H387.691Z" fill="var(--geist-foreground)"></path></svg></a></div></div><a class="" data-zone="same" href="/showcase">Showcase</a><a class="" title="Documentation" data-zone="same" href="/docs">Docs</a><a class="" data-zone="same" href="/blog">Blog</a><a rel="noopener noreferrer" target="_blank" href="https://vercel.com/templates/next.js?utm_source=next-site&utm_medium=navbar&utm_campaign=next_site_nav_templates">Templates<svg aria-hidden="true" class="navbar_externalArrow___VWBd" height="7" viewBox="0 0 6 6" width="7"><path d="M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z" fill="var(--accents-3)"></path></svg></a><a rel="noopener noreferrer" target="_blank" href="https://vercel.com/contact/sales/nextjs?utm_source=next-site&utm_medium=navbar&utm_campaign=next_site_nav_enterprise">Enterprise<svg aria-hidden="true" class="navbar_externalArrow___VWBd" height="7" viewBox="0 0 6 6" width="7"><path d="M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z" fill="var(--accents-3)"></path></svg></a></div><div class="navbar_headerButtons__m6ZFa"><button class="navbar_search__dZT2b" data-variant="large" type="button">Search documentation...</button><button class="navbar_search__dZT2b" data-variant="medium" type="button">Search...<kbd>鈱楰</kbd></button><button aria-label="Search documentation" class="navbar_search__dZT2b" data-variant="small" type="button"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 6.5C1.5 3.73858 3.73858 1.5 6.5 1.5C9.26142 1.5 11.5 3.73858 11.5 6.5C11.5 9.26142 9.26142 11.5 6.5 11.5C3.73858 11.5 1.5 9.26142 1.5 6.5ZM6.5 0C2.91015 0 0 2.91015 0 6.5C0 10.0899 2.91015 13 6.5 13C8.02469 13 9.42677 12.475 10.5353 11.596L13.9697 15.0303L14.5 15.5607L15.5607 14.5L15.0303 13.9697L11.596 10.5353C12.475 9.42677 13 8.02469 13 6.5C13 2.91015 10.0899 0 6.5 0Z" fill="currentColor"/></svg></button><a role="link" tabindex="0" href="https://vercel.com/new/clone?utm_source=next-site&utm_medium=banner&b=main&s=https%3A%2F%2Fgithub.com%2Fvercel%2Fvercel%2Ftree%2Fmain%2Fexamples%2Fnextjs&showOptionalTeamCreation=false&template=nextjs&teamCreateStatus=hidden&utm_campaign=learn" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc navbar_deploy__IKZN3 button_secondary__kMMNc button_small__iQMBm button_invert__YNhnn" data-geist-button="" data-prefix="true" data-suffix="false" data-version="v1" style="--geist-icon-size:16px"><span class="button_prefix__2XlwH"><svg aria-label="Vercel logomark" height="13" role="img" style="width:auto;overflow:visible" viewBox="0 0 74 64"><path d="M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z" fill="var(--geist-foreground)"></path></svg></span><span class="button_content__1aE1_">Deploy</span></a><a role="link" tabindex="0" href="/learn" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc geist-new-themed geist-new-default geist-new-default-fill button_small__iQMBm button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="false" data-version="v1" style="--geist-icon-size:16px"><span class="button_content__1aE1_">Learn</span></a></div></nav></header><script>((e,t,r,n,o,i,a,s)=>{let l=document.documentElement,u=["light","dark"];function c(t){var r;(Array.isArray(e)?e:[e]).forEach(e=>{let r="class"===e,n=r&&i?o.map(e=>i[e]||e):o;r?(l.classList.remove(...n),l.classList.add(i&&i[t]?i[t]:t)):l.setAttribute(e,t)}),r=t,s&&u.includes(r)&&(l.style.colorScheme=r)}if(n)c(n);else try{let e=localStorage.getItem(t)||r,n=a&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;c(n)}catch(e){}})("class","zeit-theme","system",null,["light","dark"],{"light":"light-theme","dark":"dark-theme"},true,true)</script><main><div><div class="relative flex w-full flex-col items-center overflow-hidden py-12 md:py-32"><div class="flex flex-col items-center px-4"><h1 class="mb-4 max-w-[80%] text-center text-4xl font-semibold md:mb-8 md:max-w-[100%] md:text-6xl">Start building with Next.js</h1><div class="max-w-xl text-center text-gray-900 md:mb-16">Go from beginner to expert by learning the foundations of Next.js and building a fully functional demo website that uses all the latest features.</div></div><div class="relative flex h-full w-full flex-col items-center justify-center px-4"><div class="absolute bottom-[100px] left-1/2 h-[640px] w-[1744px] -translate-x-1/2 md:bottom-0"><div class="block h-full dark:hidden"><div class="block h-full bg-[linear-gradient(to_bottom,_#fff_10%,_#D6DBDC_20%,_#6AB2F4_40%,_#6ADDF4_80%)] opacity-30 md:hidden"></div><svg class="hidden blur-2xl md:block" fill="none" height="100%" viewBox="0 0 1744 640" width="100%" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><ellipse cx="872" cy="330" fill="#D6DBDC" rx="792" ry="230"></ellipse></g><g opacity="0.2"><ellipse cx="464" cy="411.5" fill="#6ADDF4" rx="256" ry="129.5"></ellipse></g><g opacity="0.2"><ellipse cx="592" cy="364.5" fill="#6AB2F4" rx="128" ry="176.5"></ellipse></g><g opacity="0.2"><ellipse cx="1162" cy="396.5" fill="#6ADDF4" rx="256" ry="129.5"></ellipse></g><g opacity="0.2"><ellipse cx="1162" cy="256.5" fill="#6AB2F4" rx="128" ry="176.5"></ellipse></g></svg></div><div class="hidden h-full dark:block"><div class="block h-full bg-[linear-gradient(to_bottom,_#000_10%,_#566163_20%,_#6AB2F4_40%,_#6ADDF4_80%)] opacity-30 md:hidden"></div><svg class="hidden blur-2xl md:block" fill="none" height="100%" viewBox="0 0 1744 640" width="100%" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><ellipse cx="872" cy="330" fill="#566163" rx="792" ry="230"></ellipse></g><g opacity="0.2"><ellipse cx="464" cy="411.5" fill="#6ADDF4" rx="256" ry="129.5"></ellipse></g><g opacity="0.2"><ellipse cx="592" cy="364.5" fill="#6AB2F4" rx="128" ry="176.5"></ellipse></g><g opacity="0.2"><ellipse cx="1162" cy="396.5" fill="#6ADDF4" rx="256" ry="129.5"></ellipse></g><g opacity="0.2"><ellipse cx="1162" cy="256.5" fill="#6AB2F4" rx="128" ry="176.5"></ellipse></g></svg></div></div><div class="bg-vercel-100 absolute left-0 right-0 top-[57%] h-[350px] md:top-[62.7%] md:h-[300px] dark:bg-black"></div><div class="relative flex w-full flex-col items-center pt-20 md:pt-8"><div class="dark:bg-vercel-100 relative flex w-full flex-col items-center rounded-[12px] bg-white p-4 shadow-md lg:w-[713px]"><svg class="absolute top-0 hero_linesLight__3FoBD" fill="none" height="215" viewBox="0 0 460 215" width="460" xmlns="http://www.w3.org/2000/svg"><path d="M0 30H460" opacity="0.12" stroke="url(#paint0_linear_24_5808)" stroke-dasharray="2 2"></path><path d="M58 154H402" opacity="0.12" stroke="url(#paint1_linear_24_5808)" stroke-dasharray="2 2"></path><path d="M138.5 215L138.5 -2.38419e-06" opacity="0.12" stroke="url(#paint2_linear_24_5808)" stroke-dasharray="2 2"></path><path d="M150 30C150 27.6266 149.296 25.3065 147.978 23.3332C146.659 21.3598 144.785 19.8217 142.592 18.9134C140.399 18.0052 137.987 17.7676 135.659 18.2306C133.331 18.6936 131.193 19.8365 129.515 21.5147C127.836 23.1929 126.694 25.3311 126.231 27.6589C125.768 29.9867 126.005 32.3995 126.913 34.5922C127.822 36.7849 129.36 38.6591 131.333 39.9776C133.307 41.2962 135.627 42 138 42" opacity="0.12" stroke="url(#paint3_angular_24_5808)" stroke-dasharray="2 2"></path><path d="M230.5 186L230.5 18" opacity="0.12" stroke="url(#paint4_linear_24_5808)" stroke-dasharray="2 2"></path><path d="M322.5 215L322.5 -3.45707e-06" opacity="0.12" stroke="url(#paint5_linear_24_5808)" stroke-dasharray="2 2"></path><path d="M310 154C310 156.373 310.704 158.693 312.022 160.667C313.341 162.64 315.215 164.178 317.408 165.087C319.601 165.995 322.013 166.232 324.341 165.769C326.669 165.306 328.807 164.164 330.485 162.485C332.164 160.807 333.306 158.669 333.769 156.341C334.232 154.013 333.995 151.601 333.087 149.408C332.178 147.215 330.64 145.341 328.667 144.022C326.693 142.704 324.373 142 322 142" opacity="0.12" stroke="url(#paint6_angular_24_5808)" stroke-dasharray="2 2"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="paint0_linear_24_5808" x1="0" x2="460" y1="30" y2="30"><stop stop-opacity="0"></stop><stop offset="0.115"></stop><stop offset="0.893678"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint1_linear_24_5808" x1="58" x2="402" y1="154" y2="154"><stop stop-opacity="0"></stop><stop offset="0.115"></stop><stop offset="0.893678"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint2_linear_24_5808" x1="138.5" x2="138.5" y1="215" y2="-1.2815e-05"><stop stop-opacity="0"></stop><stop offset="0.333333"></stop><stop offset="0.666667"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><radialGradient cx="0" cy="0" gradientTransform="translate(138 30) rotate(90) scale(12)" gradientUnits="userSpaceOnUse" id="paint3_angular_24_5808" r="1"><stop></stop><stop offset="0.5" stop-opacity="0.34"></stop><stop offset="1"></stop></radialGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint4_linear_24_5808" x1="230.5" x2="230.5" y1="186" y2="18"><stop stop-opacity="0"></stop><stop offset="0.333333"></stop><stop offset="0.666667"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint5_linear_24_5808" x1="322.5" x2="322.5" y1="215" y2="-1.2815e-05"><stop stop-opacity="0"></stop><stop offset="0.333333"></stop><stop offset="0.666667"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><radialGradient cx="0" cy="0" gradientTransform="translate(322 154) rotate(-90) scale(12)" gradientUnits="userSpaceOnUse" id="paint6_angular_24_5808" r="1"><stop></stop><stop offset="0.5" stop-opacity="0.34"></stop><stop offset="1"></stop></radialGradient></defs></svg><svg class="absolute top-0 hero_linesDark__MRidu" fill="none" height="215" viewBox="0 0 460 215" width="460" xmlns="http://www.w3.org/2000/svg"><path d="M0 30H460" opacity="0.24" stroke="url(#paint0_linear_166_1526)" stroke-dasharray="2 2"></path><path d="M58 154H402" opacity="0.24" stroke="url(#paint1_linear_166_1526)" stroke-dasharray="2 2"></path><path d="M138.5 215L138.5 -2.38419e-06" opacity="0.24" stroke="url(#paint2_linear_166_1526)" stroke-dasharray="2 2"></path><path d="M150 30C150 27.6266 149.296 25.3065 147.978 23.3332C146.659 21.3598 144.785 19.8217 142.592 18.9134C140.399 18.0052 137.987 17.7676 135.659 18.2306C133.331 18.6936 131.193 19.8365 129.515 21.5147C127.836 23.1929 126.694 25.3311 126.231 27.6589C125.768 29.9867 126.005 32.3995 126.913 34.5922C127.822 36.7849 129.36 38.6591 131.333 39.9776C133.307 41.2962 135.627 42 138 42" opacity="0.36" stroke="url(#paint3_angular_166_1526)" stroke-dasharray="2 2"></path><path d="M230.5 186L230.5 18" opacity="0.24" stroke="url(#paint4_linear_166_1526)" stroke-dasharray="2 2"></path><path d="M322.5 215L322.5 -3.45707e-06" opacity="0.24" stroke="url(#paint5_linear_166_1526)" stroke-dasharray="2 2"></path><path d="M310 154C310 156.373 310.704 158.693 312.022 160.667C313.341 162.64 315.215 164.178 317.408 165.087C319.601 165.995 322.013 166.232 324.341 165.769C326.669 165.306 328.807 164.164 330.485 162.485C332.164 160.807 333.306 158.669 333.769 156.341C334.232 154.013 333.995 151.601 333.087 149.408C332.178 147.215 330.64 145.341 328.667 144.022C326.693 142.704 324.373 142 322 142" opacity="0.36" stroke="url(#paint6_angular_166_1526)" stroke-dasharray="2 2"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="paint0_linear_166_1526" x1="0" x2="460" y1="30" y2="30"><stop stop-color="white" stop-opacity="0"></stop><stop offset="0.115" stop-color="white"></stop><stop offset="0.893678" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint1_linear_166_1526" x1="58" x2="402" y1="154" y2="154"><stop stop-color="white" stop-opacity="0"></stop><stop offset="0.115" stop-color="white"></stop><stop offset="0.893678" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint2_linear_166_1526" x1="138.5" x2="138.5" y1="215" y2="-1.2815e-05"><stop stop-color="white" stop-opacity="0"></stop><stop offset="0.333333" stop-color="white"></stop><stop offset="0.666667" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><radialGradient cx="0" cy="0" gradientTransform="translate(138 30) rotate(90) scale(12)" gradientUnits="userSpaceOnUse" id="paint3_angular_166_1526" r="1"><stop stop-color="white"></stop><stop offset="0.5" stop-color="white" stop-opacity="0.34"></stop><stop offset="1" stop-color="white"></stop></radialGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint4_linear_166_1526" x1="230.5" x2="230.5" y1="186" y2="18"><stop stop-color="white" stop-opacity="0"></stop><stop offset="0.333333" stop-color="white"></stop><stop offset="0.666667" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint5_linear_166_1526" x1="322.5" x2="322.5" y1="215" y2="-1.2815e-05"><stop stop-color="white" stop-opacity="0"></stop><stop offset="0.333333" stop-color="white"></stop><stop offset="0.666667" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><radialGradient cx="0" cy="0" gradientTransform="translate(322 154) rotate(-90) scale(12)" gradientUnits="userSpaceOnUse" id="paint6_angular_166_1526" r="1"><stop stop-color="white"></stop><stop offset="0.5" stop-color="white" stop-opacity="0.34"></stop><stop offset="1" stop-color="white"></stop></radialGradient></defs></svg><div class="relative -mt-[56px] flex w-full justify-center md:-mt-14"><div class="relative"><div class="relative flex h-[181px] w-[160px] rounded-l-md rounded-r-sm outline -outline-offset-1 outline-black/5"><div class="h-full w-5 rounded-l-md bg-gradient-to-r from-[#2e2e2e] via-[#3e3e3e] to-[#2e2e2e]"></div><div class="dark:to-gray-1000 flex h-full w-full rounded-r-sm bg-gradient-to-br from-gray-50 to-gray-500 pb-3 pr-3 dark:from-gray-50"><div class="absolute -top-px right-6 w-4 text-[#3291FF]"><svg fill="none" height="100%" viewBox="122 0 16 24" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M122 1C122 0.447716 122.448 0 123 0H137C137.552 0 138 0.447715 138 1V22.259C138 23.0308 137.163 23.5116 136.496 23.1227L130.504 19.6273C130.193 19.4456 129.807 19.4456 129.496 19.6273L123.504 23.1227C122.837 23.5116 122 23.0308 122 22.259V1Z" fill="currentColor"></path></svg></div><svg aria-label="Next.js logomark" class="next-mark_root__iLw9v absolute bottom-4 right-4" height="30" role="img" viewBox="0 0 180 180" width="30"><mask height="180" id="芦R19jh7mbaanb禄mask0_408_134" maskUnits="userSpaceOnUse" style="mask-type:alpha" width="180" x="0" y="0"><circle cx="90" cy="90" fill="black" r="90"></circle></mask><g mask="url(#芦R19jh7mbaanb禄mask0_408_134)"><circle cx="90" cy="90" data-circle="true" fill="black" r="90"></circle><path d="M149.508 157.52L69.142 54H54V125.97H66.1136V69.3836L139.999 164.845C143.333 162.614 146.509 160.165 149.508 157.52Z" fill="url(#芦R19jh7mbaanb禄paint0_linear_408_134)"></path><rect fill="url(#芦R19jh7mbaanb禄paint1_linear_408_134)" height="72" width="12" x="115" y="54"></rect></g><defs><linearGradient gradientUnits="userSpaceOnUse" id="芦R19jh7mbaanb禄paint0_linear_408_134" x1="109" x2="144.5" y1="116.5" y2="160.5"><stop stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="芦R19jh7mbaanb禄paint1_linear_408_134" x1="121" x2="120.799" y1="54" y2="106.875"><stop stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient></defs></svg></div></div><div class="absolute left-[34px] top-4 max-w-[100px]"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.125rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:600;color:#000">Learn Next.js</p><div class="animate-fadeIn"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:500;font-size:11px;color:#666666;padding-top:8px"></p><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:400;font-size:11px;color:#666666;line-height:1"></p></div></div></div></div><div class="relative mt-6 flex w-full max-w-full flex-col items-center justify-center space-y-4 pb-0 md:space-y-6 md:pb-4 lg:pt-4"><div class="flex max-w-full flex-col items-center justify-center"><p class="text_wrapper__i87JK pb-2" data-version="v1" style="--text-color:var(--ds-gray-1000);--xs-text-size:1.25rem;--xs-text-line-height:1.5rem;--xs-text-weight:600;--xs-text-letter-spacing:-0.020625rem;--sm-text-size:1.25rem;--sm-text-line-height:1.5rem;--sm-text-weight:600;--sm-text-letter-spacing:-0.020625rem;--smd-text-size:1.5rem;--smd-text-line-height:2rem;--smd-text-weight:600;--smd-text-letter-spacing:-0.029375rem;--md-text-size:1.5rem;--md-text-line-height:2rem;--md-text-weight:600;--md-text-letter-spacing:-0.029375rem;--lg-text-size:1.5rem;--lg-text-line-height:2rem;--lg-text-weight:600;--lg-text-letter-spacing:-0.029375rem">Learn Next.js</p><div class="mx-auto w-[80%] text-center md:w-auto md:text-left"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:400">16 chapters that take you from React to Next.js.</p></div><div class="mt-6 flex w-full max-w-md items-center justify-between gap-2 rounded-full bg-gray-50 px-6 py-3 text-sm leading-snug dark:bg-[#171717] md:min-w-[400px]"><div class="animate-fadeIn mr-2 flex min-w-0 flex-1 flex-shrink flex-col"><p class="text_wrapper__i87JK text_truncate__v5uF6" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:500;height:20px"></p><p class="text_wrapper__i87JK flex" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:400;height:20px"></p></div><div class="ml-2"><div aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" class="gauge_circle__N47Fa gauge_animate__yiaIw" data-geist-progress-circle="" data-version="v1" role="progressbar" style="--circle-size:100px;--circumference:282.7433388230814;--percent-to-px:2.827433388230814px;--gap-percent:0;--offset-factor:0"><svg aria-hidden="true" fill="none" height="32" stroke-width="2" viewBox="0 0 100 100" width="32"><circle style="opacity:1;--stroke-percent:99" cx="50" cy="50" r="45" stroke-width="10" stroke-dashoffset="0" stroke-linecap="round" stroke-linejoin="round" class="gauge_arcSecondary__s11_g" stroke="var(--ds-gray-300)"></circle><circle cx="50" cy="50" r="45" stroke-width="10" stroke-dashoffset="0" stroke-linecap="round" stroke-linejoin="round" class="gauge_arc__UGu7u" data-geist-progress-circle-fg="" stroke="var(--ds-blue-700)" style="opacity:0;--stroke-percent:0"></circle></svg></div></div></div></div><div class="h-px w-full bg-gray-100"></div><div class="w-[100%] md:w-[213px]"><div class="w-full md:w-[213px]"><a role="link" tabindex="0" href="/learn" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_large__fuY6E button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="false" data-version="v1" style="--geist-icon-size:16px"><span class="button_content__1aE1_"><span style="opacity:0">Placeholder</span></span></a></div></div></div></div></div><div class="z-30 flex w-full flex-col gap-6 justify-center pt-4 md:pt-8 lg:w-[713px]"><div class="dark:bg-vercel-100 flex w-full flex-col items-center justify-between rounded-[12px] bg-white p-4 text-sm shadow-lg md:flex-row md:px-6"><div class="flex flex-col items-center justify-center md:flex-row"><div class="relative flex flex-shrink-0 h-[60px] w-[52px]"><div class="h-full shrink-0 bg-gradient-to-r from-[#2e2e2e] via-[#3e3e3e] to-[#2e2e2e] w-2 rounded-l-[4px]"></div><div class="flex h-full w-full items-center justify-center rounded-r-[2px] bg-gradient-to-br from-gray-900 to-[#2c2f30]"><div class="rounded-full bg-black/50 aspect-square flex items-center justify-center [box-shadow:0_0.5_rgba(255,255,255,0.15)] text-gray-700 size-[28px] p-1.5"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 1.93782C4.70129 1.82161 4.99472 1.7858 5.41315 1.91053C5.83298 2.03567 6.33139 2.31073 6.87627 2.73948C7.01136 2.84578 7.14803 2.96052 7.28573 3.08331C6.86217 3.53446 6.44239 4.04358 6.03752 4.60092C5.35243 4.67288 4.70164 4.78186 4.09916 4.92309C4.06167 4.74244 4.03064 4.56671 4.00612 4.39656C3.90725 3.71031 3.91825 3.14114 4.01979 2.71499C4.12099 2.29025 4.29871 2.05404 4.5 1.93782ZM7.49466 1.95361C7.66225 2.08548 7.83092 2.22804 7.99999 2.38067C8.16906 2.22804 8.33773 2.08548 8.50532 1.95361C9.10921 1.47842 9.71982 1.12549 10.3012 0.952202C10.8839 0.778496 11.4838 0.7738 12 1.0718C12.5161 1.3698 12.812 1.89169 12.953 2.48322C13.0936 3.07333 13.0932 3.77858 12.9836 4.53917C12.9532 4.75024 12.9141 4.9676 12.8665 5.19034C13.0832 5.26044 13.291 5.33524 13.489 5.41444C14.2025 5.69983 14.8134 6.05217 15.2542 6.46899C15.696 6.8868 16 7.404 16 8C16 8.596 15.696 9.11319 15.2542 9.53101C14.8134 9.94783 14.2025 10.3002 13.489 10.5856C13.291 10.6648 13.0832 10.7396 12.8665 10.8097C12.9141 11.0324 12.9532 11.2498 12.9837 11.4608C13.0932 12.2214 13.0936 12.9267 12.953 13.5168C12.812 14.1083 12.5161 14.6302 12 14.9282C11.4839 15.2262 10.8839 15.2215 10.3012 15.0478C9.71984 14.8745 9.10923 14.5216 8.50534 14.0464C8.33775 13.9145 8.16906 13.7719 7.99999 13.6193C7.83091 13.7719 7.66223 13.9145 7.49464 14.0464C6.89075 14.5216 6.28014 14.8745 5.69879 15.0478C5.11605 15.2215 4.51613 15.2262 3.99998 14.9282C3.48383 14.6302 3.18794 14.1083 3.047 13.5168C2.9064 12.9267 2.90674 12.2214 3.01632 11.4608C3.04673 11.2498 3.08586 11.0324 3.13351 10.8097C2.91679 10.7395 2.709 10.6648 2.511 10.5856C1.79752 10.3002 1.18658 9.94783 0.745833 9.53101C0.304028 9.11319 0 8.596 0 8C0 7.404 0.304028 6.8868 0.745833 6.46899C1.18658 6.05217 1.79752 5.69983 2.511 5.41444C2.709 5.33524 2.9168 5.26044 3.13352 5.19034C3.08587 4.9676 3.04675 4.75024 3.01634 4.53917C2.90676 3.77858 2.90642 3.07332 3.04702 2.48321C3.18796 1.89169 3.48385 1.3698 4 1.0718C4.51615 0.773798 5.11607 0.778495 5.69881 0.952201C6.28016 1.12549 6.89077 1.47841 7.49466 1.95361ZM7.36747 4.51025C7.57735 4.25194 7.78881 4.00927 7.99999 3.78356C8.21117 4.00927 8.42263 4.25194 8.63251 4.51025C8.42369 4.50346 8.21274 4.5 8 4.5C7.78725 4.5 7.5763 4.50345 7.36747 4.51025ZM8.71425 3.08331C9.13781 3.53447 9.55759 4.04358 9.96246 4.60092C10.6475 4.67288 11.2983 4.78186 11.9008 4.92309C11.9383 4.74244 11.9693 4.56671 11.9939 4.39657C12.0927 3.71031 12.0817 3.14114 11.9802 2.71499C11.879 2.29025 11.7013 2.05404 11.5 1.93782C11.2987 1.82161 11.0053 1.7858 10.5868 1.91053C10.167 2.03568 9.66859 2.31073 9.12371 2.73948C8.98862 2.84578 8.85196 2.96052 8.71425 3.08331ZM8 5.5C8.48433 5.5 8.95638 5.51885 9.41188 5.55456C9.67056 5.93118 9.9229 6.33056 10.1651 6.75C10.4072 7.16944 10.6269 7.58766 10.8237 7.99998C10.6269 8.41232 10.4072 8.83055 10.165 9.25C9.92288 9.66944 9.67053 10.0688 9.41185 10.4454C8.95636 10.4812 8.48432 10.5 8 10.5C7.51567 10.5 7.04363 10.4812 6.58813 10.4454C6.32945 10.0688 6.0771 9.66944 5.83494 9.25C5.59277 8.83055 5.37306 8.41232 5.17624 7.99998C5.37306 7.58765 5.59275 7.16944 5.83492 6.75C6.07708 6.33056 6.32942 5.93118 6.5881 5.55456C7.04361 5.51884 7.51566 5.5 8 5.5ZM11.0311 6.25C11.1375 6.43423 11.2399 6.61864 11.3385 6.80287C11.4572 6.49197 11.5616 6.18752 11.6515 5.89178C11.3505 5.82175 11.0346 5.75996 10.706 5.70736C10.8163 5.8848 10.9247 6.06576 11.0311 6.25ZM11.0311 9.75C11.1374 9.56576 11.2399 9.38133 11.3385 9.19709C11.4572 9.50801 11.5617 9.81246 11.6515 10.1082C11.3505 10.1782 11.0346 10.24 10.7059 10.2926C10.8162 10.1152 10.9247 9.93424 11.0311 9.75ZM11.9249 7.99998C12.2051 8.62927 12.4362 9.24738 12.6151 9.83977C12.7903 9.78191 12.958 9.72092 13.1176 9.65708C13.7614 9.39958 14.2488 9.10547 14.5671 8.80446C14.8843 8.50445 15 8.23243 15 8C15 7.76757 14.8843 7.49555 14.5671 7.19554C14.2488 6.89453 13.7614 6.60042 13.1176 6.34292C12.958 6.27907 12.7903 6.21808 12.6151 6.16022C12.4362 6.7526 12.2051 7.37069 11.9249 7.99998ZM9.96244 11.3991C10.6475 11.3271 11.2983 11.2181 11.9008 11.0769C11.9383 11.2576 11.9694 11.4333 11.9939 11.6034C12.0928 12.2897 12.0817 12.8589 11.9802 13.285C11.879 13.7098 11.7013 13.946 11.5 14.0622C11.2987 14.1784 11.0053 14.2142 10.5868 14.0895C10.167 13.9643 9.66861 13.6893 9.12373 13.2605C8.98863 13.1542 8.85196 13.0395 8.71424 12.9167C9.1378 12.4655 9.55758 11.9564 9.96244 11.3991ZM8.63249 11.4898C8.42262 11.7481 8.21116 11.9907 7.99999 12.2164C7.78881 11.9907 7.57737 11.7481 7.36749 11.4897C7.57631 11.4965 7.78726 11.5 8 11.5C8.21273 11.5 8.42367 11.4965 8.63249 11.4898ZM4.96891 9.75C5.07528 9.93424 5.18375 10.1152 5.29404 10.2926C4.9654 10.24 4.64951 10.1782 4.34844 10.1082C4.43833 9.81246 4.54276 9.508 4.66152 9.19708C4.76005 9.38133 4.86254 9.56575 4.96891 9.75ZM6.03754 11.3991C5.35244 11.3271 4.70163 11.2181 4.09914 11.0769C4.06165 11.2576 4.03062 11.4333 4.0061 11.6034C3.90723 12.2897 3.91823 12.8589 4.01977 13.285C4.12097 13.7098 4.29869 13.946 4.49998 14.0622C4.70127 14.1784 4.9947 14.2142 5.41313 14.0895C5.83296 13.9643 6.33137 13.6893 6.87625 13.2605C7.01135 13.1542 7.14802 13.0395 7.28573 12.9167C6.86217 12.4655 6.4424 11.9564 6.03754 11.3991ZM4.07507 7.99998C3.79484 8.62927 3.56381 9.24737 3.38489 9.83977C3.20969 9.78191 3.042 9.72092 2.88239 9.65708C2.23864 9.39958 1.75123 9.10547 1.43294 8.80446C1.11571 8.50445 1 8.23243 1 8C1 7.76757 1.11571 7.49555 1.43294 7.19554C1.75123 6.89453 2.23864 6.60042 2.88239 6.34292C3.042 6.27907 3.2097 6.21808 3.3849 6.16022C3.56383 6.75261 3.79484 7.37069 4.07507 7.99998ZM4.66152 6.80287C4.54277 6.49197 4.43835 6.18752 4.34846 5.89178C4.64952 5.82175 4.96539 5.75996 5.29402 5.70736C5.18373 5.8848 5.07526 6.06576 4.96889 6.25C4.86253 6.43423 4.76005 6.61864 4.66152 6.80287ZM9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8C6.75 7.30965 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30965 9.25 8Z" fill="#149ECA"/> <defs> <rect width="16" height="16" fill="white"/> </defs></svg></div></div></div><div class="mt-2 text-center md:ml-6 md:mt-0 md:space-y-0 md:text-left"><p class="text_wrapper__i87JK mb-2 font-medium md:mb-0" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:500">React Foundations</p><div class="mb-4 mt-2 md:mb-0"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:400">New to React? Learn the foundational concepts to help you go from JavaScript to React.</p></div></div></div><div><a role="link" tabindex="0" href="/learn/react-foundations" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_secondary__kMMNc button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="true" data-version="v1" style="min-width:100%;max-width:100%;--geist-icon-size:16px"><span class="button_content__1aE1_">Start</span><span class="button_suffix__ucg7R"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.53033 2.21968L9 1.68935L7.93934 2.75001L8.46967 3.28034L12.4393 7.25001H1.75H1V8.75001H1.75H12.4393L8.46967 12.7197L7.93934 13.25L9 14.3107L9.53033 13.7803L14.6036 8.70711C14.9941 8.31659 14.9941 7.68342 14.6036 7.2929L9.53033 2.21968Z" fill="currentColor"/></svg></span></a></div></div><div class="dark:bg-vercel-100 flex w-full flex-col items-center justify-between rounded-[12px] bg-white p-4 text-sm shadow-lg md:flex-row md:px-6"><div class="flex flex-col items-center justify-center md:flex-row"><div class="relative flex flex-shrink-0 h-[60px] w-[52px]"><div class="h-full shrink-0 bg-gradient-to-r from-[#2e2e2e] via-[#3e3e3e] to-[#2e2e2e] w-2 rounded-l-[4px]"></div><div class="flex h-full w-full items-center justify-center rounded-r-[2px] bg-gradient-to-br from-gray-900 to-[#2c2f30]"><div class="rounded-full bg-black/50 aspect-square flex items-center justify-center [box-shadow:0_0.5_rgba(255,255,255,0.15)] text-gray-700 size-[28px] p-1.5"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:13px;height:13px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 6.5V13.5C14.5 14.8807 13.3807 16 12 16H4C2.61929 16 1.5 14.8807 1.5 13.5V1.5V0H3H8H9.08579C9.351 0 9.60536 0.105357 9.79289 0.292893L14.2071 4.70711C14.3946 4.89464 14.5 5.149 14.5 5.41421V6.5ZM13 6.5V13.5C13 14.0523 12.5523 14.5 12 14.5H4C3.44772 14.5 3 14.0523 3 13.5V1.5H8V5V6.5H9.5H13ZM9.5 2.12132V5H12.3787L9.5 2.12132Z" fill="currentColor"/></svg></div></div></div><div class="mt-2 text-center md:ml-6 md:mt-0 md:space-y-0 md:text-left"><p class="text_wrapper__i87JK mb-2 font-medium md:mb-0" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:500">Next.js Pages Router</p><div class="mb-4 mt-2 md:mb-0"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:400">Learn how to build a static blog with the Pages Router.</p></div></div></div><div><a role="link" tabindex="0" href="/learn/pages-router" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_secondary__kMMNc button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="true" data-version="v1" style="min-width:100%;max-width:100%;--geist-icon-size:16px"><span class="button_content__1aE1_">Start</span><span class="button_suffix__ucg7R"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.53033 2.21968L9 1.68935L7.93934 2.75001L8.46967 3.28034L12.4393 7.25001H1.75H1V8.75001H1.75H12.4393L8.46967 12.7197L7.93934 13.25L9 14.3107L9.53033 13.7803L14.6036 8.70711C14.9941 8.31659 14.9941 7.68342 14.6036 7.2929L9.53033 2.21968Z" fill="currentColor"/></svg></span></a></div></div></div></div></div><div class="pb-8 md:pb-20"><div class="flex flex-col justify-center text-center md:flex-row md:items-baseline md:text-left"><h2 class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--xs-text-size:1.5rem;--xs-text-line-height:2rem;--xs-text-weight:600;--xs-text-letter-spacing:-0.029375rem;--sm-text-size:1.5rem;--sm-text-line-height:2rem;--sm-text-weight:600;--sm-text-letter-spacing:-0.029375rem;--smd-text-size:2rem;--smd-text-line-height:2.5rem;--smd-text-weight:600;--smd-text-letter-spacing:-0.049375rem;--md-text-size:2rem;--md-text-line-height:2.5rem;--md-text-weight:600;--md-text-letter-spacing:-0.049375rem;--lg-text-size:2rem;--lg-text-line-height:2.5rem;--lg-text-weight:600;--lg-text-letter-spacing:-0.049375rem">How does the course work?</h2><div class="mx-auto my-1 w-[70%] text-gray-900 md:mx-0 md:my-0 md:ml-4 md:w-auto md:text-xl">By building a full web application. Step by step.</div></div><div class="relative mx-auto mb-4 w-full max-w-7xl"><div class="hidden w-full lg:block"><svg fill="none" height="100%" viewBox="0 0 1360 524" width="100%" xmlns="http://www.w3.org/2000/svg"><path class="text-black dark:text-white" d="M0 68L1360 68.0001" opacity="0.15" stroke="currentColor" stroke-dasharray="2 2"></path><path class="text-black dark:text-white" d="M784 524L784 -3.8147e-06" opacity="0.15" stroke="currentColor" stroke-dasharray="2 2"></path><path class="text-black dark:text-white" d="M1296 524L1296 -3.8147e-06" opacity="0.15" stroke="currentColor" stroke-dasharray="2 2"></path><path class="text-black dark:text-white" d="M0 455H1360" opacity="0.15" stroke="currentColor" stroke-dasharray="2 2"></path><path class="text-black dark:text-white" d="M65 524L65 -3.8147e-06" opacity="0.15" stroke="currentColor" stroke-dasharray="2 2"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="paint0_linear_24_5768" x1="0" x2="1360" y1="68" y2="68.0001"><stop stop-opacity="0"></stop><stop offset="0.115"></stop><stop offset="0.893678"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint1_linear_24_5768" x1="784" x2="784" y1="524" y2="-3.12326e-05"><stop stop-opacity="0"></stop><stop offset="0.177083"></stop><stop offset="0.828125"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint2_linear_24_5768" x1="1296" x2="1296" y1="524" y2="-3.12326e-05"><stop stop-opacity="0"></stop><stop offset="0.177083"></stop><stop offset="0.828125"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint3_linear_24_5768" x1="0" x2="1360" y1="455" y2="455"><stop stop-opacity="0"></stop><stop offset="0.115"></stop><stop offset="0.893678"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint4_linear_24_5768" x1="65" x2="64.9999" y1="524" y2="-3.12328e-05"><stop stop-opacity="0"></stop><stop offset="0.177083"></stop><stop offset="0.828125"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient></defs></svg></div><div class="inset-0 flex flex-col items-center justify-center lg:absolute lg:flex-row"><div class="flex w-full items-center justify-center lg:ml-2 lg:w-[53%]"><img alt="Course explainer" loading="lazy" width="689" height="408" decoding="async" data-nimg="1" class="hidden md:block" style="color:transparent" srcSet="/_next/image?url=%2Flearn%2Fcourse-explainer.png&w=750&q=75 1x, /_next/image?url=%2Flearn%2Fcourse-explainer.png&w=1920&q=75 2x" src="/_next/image?url=%2Flearn%2Fcourse-explainer.png&w=1920&q=75"/><img alt="Course explainer" loading="lazy" width="689" height="408" decoding="async" data-nimg="1" class="block md:hidden" style="color:transparent" srcSet="/_next/image?url=%2Flearn%2Fcourse-explainer-small.png&w=750&q=75 1x, /_next/image?url=%2Flearn%2Fcourse-explainer-small.png&w=1920&q=75 2x" src="/_next/image?url=%2Flearn%2Fcourse-explainer-small.png&w=1920&q=75"/></div><div class="flex w-full items-center justify-center lg:w-[38%]"><div class="mb-8 flex w-full flex-col space-y-8 px-4 lg:mb-0 lg:space-y-6"><div class="flex flex-col items-center leading-6 lg:flex-row"><div class="mb-3 flex h-10 w-10 flex-none items-center justify-center rounded-full bg-blue-300 text-blue-900 md:mb-4 lg:mb-0 lg:mr-4"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.70059 1.73618L7.74488 1.5H8.2551L8.29938 1.73618C8.4406 2.48936 8.98357 3.04807 9.63284 3.27226C9.82296 3.33791 10.008 3.41476 10.1871 3.50207C10.805 3.80328 11.5845 3.7922 12.2172 3.35933L12.4158 3.22342L12.7766 3.5842L12.6407 3.78284C12.2078 4.41549 12.1967 5.19496 12.4979 5.81292C12.5852 5.99203 12.6621 6.17703 12.7277 6.36714C12.9519 7.01642 13.5106 7.55938 14.2638 7.7006L14.5 7.74489V8.25511L14.2638 8.2994C13.5106 8.44062 12.9519 8.98359 12.7277 9.63286C12.6621 9.82298 12.5852 10.008 12.4979 10.1871C12.1967 10.805 12.2078 11.5845 12.6407 12.2172L12.7766 12.4158L12.4158 12.7766L12.2172 12.6407C11.5845 12.2078 10.805 12.1967 10.1871 12.4979C10.008 12.5852 9.82296 12.6621 9.63284 12.7277C8.98357 12.9519 8.4406 13.5106 8.29938 14.2638L8.2551 14.5H7.74488L7.70059 14.2638C7.55937 13.5106 7.0164 12.9519 6.36713 12.7277C6.17702 12.6621 5.99202 12.5852 5.8129 12.4979C5.19495 12.1967 4.41548 12.2078 3.78283 12.6407L3.5842 12.7766L3.22342 12.4158L3.35932 12.2172C3.79219 11.5845 3.80326 10.8051 3.50206 10.1871C3.41475 10.008 3.3379 9.82298 3.27225 9.63285C3.04806 8.98358 2.48935 8.44061 1.73616 8.29939L1.5 8.25511V7.74489L1.73616 7.70061C2.48935 7.55939 3.04806 7.01642 3.27225 6.36715C3.3379 6.17703 3.41475 5.99203 3.50205 5.81291C3.80326 5.19496 3.79218 4.41549 3.35931 3.78283L3.2234 3.5842L3.58418 3.22342L3.78282 3.35932C4.41547 3.79219 5.19494 3.80327 5.8129 3.50207C5.99201 3.41476 6.17701 3.33791 6.36713 3.27226C7.0164 3.04807 7.55937 2.48936 7.70059 1.73618ZM6.49999 0H9.49999L9.77369 1.45974C9.80837 1.64472 9.94454 1.79299 10.1224 1.85441C10.3702 1.93996 10.6111 2.04007 10.8443 2.15371C11.0135 2.2362 11.2148 2.22768 11.3701 2.12137L12.5962 1.28249L14.7175 3.40381L13.8786 4.62987C13.7723 4.78525 13.7638 4.98647 13.8463 5.1557C13.9599 5.38885 14.06 5.62981 14.1456 5.87756C14.207 6.05545 14.3553 6.19161 14.5402 6.2263L16 6.5V9.5L14.5402 9.7737C14.3553 9.80839 14.207 9.94455 14.1456 10.1224C14.06 10.3702 13.9599 10.6112 13.8463 10.8443C13.7638 11.0135 13.7723 11.2148 13.8786 11.3701L14.7175 12.5962L12.5962 14.7175L11.3701 13.8786C11.2147 13.7723 11.0135 13.7638 10.8443 13.8463C10.6111 13.9599 10.3702 14.06 10.1224 14.1456C9.94454 14.207 9.80837 14.3553 9.77369 14.5403L9.49999 16H6.49999L6.22628 14.5403C6.1916 14.3553 6.05544 14.207 5.87755 14.1456C5.6298 14.06 5.38884 13.9599 5.15569 13.8463C4.98645 13.7638 4.78523 13.7723 4.62985 13.8786L3.40381 14.7175L1.28249 12.5962L2.12136 11.3702C2.22767 11.2148 2.23619 11.0136 2.1537 10.8443C2.04006 10.6112 1.93995 10.3702 1.8544 10.1224C1.79297 9.94455 1.6447 9.80838 1.45973 9.7737L0 9.5V6.5L1.45973 6.2263C1.6447 6.19162 1.79297 6.05545 1.8544 5.87756C1.93995 5.62981 2.04005 5.38885 2.1537 5.15569C2.23619 4.98646 2.22766 4.78524 2.12135 4.62986L1.28247 3.40381L3.40379 1.28249L4.62984 2.12136C4.78522 2.22767 4.98644 2.2362 5.15568 2.15371C5.38883 2.04007 5.6298 1.93996 5.87755 1.85441C6.05544 1.79299 6.1916 1.64472 6.22628 1.45975L6.49999 0ZM9.49998 8C9.49998 8.82843 8.82841 9.5 7.99998 9.5C7.17156 9.5 6.49998 8.82843 6.49998 8C6.49998 7.17157 7.17156 6.5 7.99998 6.5C8.82841 6.5 9.49998 7.17157 9.49998 8ZM11 8C11 9.65685 9.65684 11 7.99998 11C6.34313 11 4.99998 9.65685 4.99998 8C4.99998 6.34315 6.34313 5 7.99998 5C9.65684 5 11 6.34315 11 8Z" fill="currentColor"/></svg></div><div class="text-center lg:text-left"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--xs-text-size:0.875rem;--xs-text-line-height:1.25rem;--xs-text-weight:400;--xs-text-letter-spacing:initial;--sm-text-size:0.875rem;--sm-text-line-height:1.25rem;--sm-text-weight:400;--sm-text-letter-spacing:initial;--smd-text-size:1rem;--smd-text-line-height:1.5rem;--smd-text-weight:400;--smd-text-letter-spacing:initial;--md-text-size:1rem;--md-text-line-height:1.5rem;--md-text-weight:400;--md-text-letter-spacing:initial;--lg-text-size:1rem;--lg-text-line-height:1.5rem;--lg-text-weight:400;--lg-text-letter-spacing:initial">Set up your local environment and initializing the "ACME" Next.js project template.</p></div></div><div class="flex flex-col items-center leading-6 lg:flex-row"><div class="mb-3 flex h-10 w-10 flex-none items-center justify-center rounded-full bg-blue-300 text-blue-900 md:mb-4 lg:mb-0 lg:mr-4"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 2.5H1.5V5.005H14.5V2.5ZM14.5 6.255H6.245V13.5H13.5C14.0523 13.5 14.5 13.0523 14.5 12.5V6.255ZM4.995 6.255H1.5V12.5C1.5 13.0523 1.94772 13.5 2.5 13.5H4.995V6.255ZM1.5 1H0V2.5V12.5C0 13.8807 1.11929 15 2.5 15H13.5C14.8807 15 16 13.8807 16 12.5V2.5V1H14.5H1.5Z" fill="currentColor"/></svg></div><div class="text-center lg:text-left"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--xs-text-size:0.875rem;--xs-text-line-height:1.25rem;--xs-text-weight:400;--xs-text-letter-spacing:initial;--sm-text-size:0.875rem;--sm-text-line-height:1.25rem;--sm-text-weight:400;--sm-text-letter-spacing:initial;--smd-text-size:1rem;--smd-text-line-height:1.5rem;--smd-text-weight:400;--smd-text-letter-spacing:initial;--md-text-size:1rem;--md-text-line-height:1.5rem;--md-text-weight:400;--md-text-letter-spacing:initial;--lg-text-size:1rem;--lg-text-line-height:1.5rem;--lg-text-weight:400;--lg-text-letter-spacing:initial">Use pre-styled components as part of each chapter that leverage Next.js conventions and patterns.</p></div></div><div class="flex flex-col items-center leading-6 lg:flex-row"><div class="mb-3 flex h-10 w-10 flex-none items-center justify-center rounded-full bg-blue-300 text-blue-900 md:mb-4 lg:mb-0 lg:mr-4"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 4C10.5 4.82843 11.1716 5.5 12 5.5C12.8284 5.5 13.5 4.82843 13.5 4C13.5 3.17157 12.8284 2.5 12 2.5C11.1716 2.5 10.5 3.17157 10.5 4ZM9.41536 5.52397C9.15145 5.07734 9 4.55636 9 4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4C15 5.65685 13.6569 7 12 7C11.4436 7 10.9227 6.84855 10.476 6.58464L6.58464 10.476C6.84855 10.9227 7 11.4436 7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C4.55636 9 5.07734 9.15145 5.52398 9.41537L9.41536 5.52397ZM2.5 12C2.5 12.8284 3.17157 13.5 4 13.5C4.82843 13.5 5.5 12.8284 5.5 12C5.5 11.1716 4.82843 10.5 4 10.5C3.17157 10.5 2.5 11.1716 2.5 12Z" fill="currentColor"/></svg></div><div class="text-center lg:text-left"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--xs-text-size:0.875rem;--xs-text-line-height:1.25rem;--xs-text-weight:400;--xs-text-letter-spacing:initial;--sm-text-size:0.875rem;--sm-text-line-height:1.25rem;--sm-text-weight:400;--sm-text-letter-spacing:initial;--smd-text-size:1rem;--smd-text-line-height:1.5rem;--smd-text-weight:400;--smd-text-letter-spacing:initial;--md-text-size:1rem;--md-text-line-height:1.5rem;--md-text-weight:400;--md-text-letter-spacing:initial;--lg-text-size:1rem;--lg-text-line-height:1.5rem;--lg-text-weight:400;--lg-text-letter-spacing:initial">Hook up real application logic and data to bring a fully-fledged demo website to life.</p></div></div><div class="flex flex-col items-center leading-6 lg:flex-row"><div class="mb-3 flex h-10 w-10 flex-none items-center justify-center rounded-full bg-blue-300 text-blue-900 md:mb-4 lg:mb-0 lg:mr-4"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 4.875C1.5 3.01104 3.01104 1.5 4.875 1.5C6.20018 1.5 7.34838 2.26364 7.901 3.37829C8.1902 3.96162 8.79547 4.5 9.60112 4.5H12.25C13.4926 4.5 14.5 5.50736 14.5 6.75C14.5 7.42688 14.202 8.03329 13.7276 8.44689L13.1622 8.93972L14.1479 10.0704L14.7133 9.57758C15.5006 8.89123 16 7.8785 16 6.75C16 4.67893 14.3211 3 12.25 3H9.60112C9.51183 3 9.35322 2.93049 9.2449 2.71201C8.44888 1.1064 6.79184 0 4.875 0C2.18261 0 0 2.18261 0 4.875V6.40385C0 7.69502 0.598275 8.84699 1.52982 9.59656L2.11415 10.0667L3.0545 8.89808L2.47018 8.42791C1.87727 7.95083 1.5 7.22166 1.5 6.40385V4.875ZM7.29289 7.39645C7.68342 7.00592 8.31658 7.00592 8.70711 7.39645L11.7803 10.4697L12.3107 11L11.25 12.0607L10.7197 11.5303L8.75 9.56066V15.25V16H7.25V15.25V9.56066L5.28033 11.5303L4.75 12.0607L3.68934 11L4.21967 10.4697L7.29289 7.39645Z" fill="currentColor"/></svg></div><div class="text-center lg:text-left"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--xs-text-size:0.875rem;--xs-text-line-height:1.25rem;--xs-text-weight:400;--xs-text-letter-spacing:initial;--sm-text-size:0.875rem;--sm-text-line-height:1.25rem;--sm-text-weight:400;--sm-text-letter-spacing:initial;--smd-text-size:1rem;--smd-text-line-height:1.5rem;--smd-text-weight:400;--smd-text-letter-spacing:initial;--md-text-size:1rem;--md-text-line-height:1.5rem;--md-text-weight:400;--md-text-letter-spacing:initial;--lg-text-size:1rem;--lg-text-line-height:1.5rem;--lg-text-weight:400;--lg-text-letter-spacing:initial">At the end you鈥檒l have a website that鈥檚 ready to ship and the knowledge to build and deploy your own.</p></div></div></div></div></div></div><div class="mx-auto flex flex-col items-center justify-center px-4 lg:max-w-5xl lg:flex-row lg:space-x-8"><div class="dark:bg-vercel-100 bg-vercel-200 mb-4 flex w-full flex-col items-center rounded-lg p-5 md:p-2 lg:mb-0 lg:flex-row lg:rounded-full"><div class="relative mb-2 flex h-12 w-12 items-center justify-center lg:mb-0 lg:mr-4"><div class="absolute inset-0"><svg fill="none" height="100%" viewBox="0 0 44 45" width="100%" xmlns="http://www.w3.org/2000/svg"><path class="stroke text-gray-400 dark:text-gray-400" d="M15.5577 3.63202C11.612 4.97923 8.188 7.5295 5.76725 10.9241C3.3465 14.3187 2.05086 18.3867 2.06258 22.556" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path><path class="stroke text-gray-500 dark:text-gray-500" d="M22 2.5625C25.6765 2.5625 29.2814 3.57908 32.4163 5.49986C35.5512 7.42065 38.0939 10.1708 39.7634 13.4464C41.4329 16.722 42.1641 20.3955 41.8763 24.0607C41.5885 27.726 40.2929 31.2402 38.1326 34.2151C35.9723 37.19 33.0315 39.5096 29.6352 40.9176C26.239 42.3255 22.5196 42.767 18.8881 42.1932C15.2567 41.6193 11.8546 40.0525 9.05796 37.666C6.26132 35.2795 4.17903 32.1661 3.04125 28.6701" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path></svg></div><div class="flex h-8 w-8 items-center justify-center rounded-full bg-black text-white dark:bg-white dark:text-black"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.5H5C4.44772 1.5 4 1.94772 4 2.5V13.4732L7.16201 11.7485C7.68434 11.4635 8.31566 11.4635 8.83799 11.7485L12 13.4732V2.5C12 1.94772 11.5523 1.5 11 1.5ZM13.5 14.2914V2.5C13.5 1.11929 12.3807 0 11 0H5C3.61929 0 2.5 1.11929 2.5 2.5V14.2914V16L4 15.1818L7.88029 13.0653C7.95491 13.0246 8.04509 13.0246 8.11971 13.0653L12 15.1818L13.5 16V14.2914Z" fill="currentColor"/></svg></div></div><div class="mt-1 space-y-1 text-center lg:text-left"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:600">Your progress will be synced as you complete chapters</p><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:400">Go at your own pace and pick up where you left off</p></div></div><div class="dark:bg-vercel-100 bg-vercel-200 mb-4 flex w-full flex-col items-center rounded-lg p-5 md:p-2 lg:mb-0 lg:flex-row lg:rounded-full"><div class="relative mb-2 flex h-12 w-12 items-center justify-center lg:mb-0 lg:mr-4"><div class="absolute inset-0"><svg fill="none" height="100%" viewBox="0 0 44 45" width="100%" xmlns="http://www.w3.org/2000/svg"><path class="stroke text-gray-400 dark:text-gray-400" d="M19.5702 2.71111C15.1785 3.25034 11.091 5.23515 7.95136 8.35292C4.81174 11.4707 2.79844 15.5443 2.22856 19.9321" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path><path class="stroke text-gray-400 dark:text-gray-400" d="M24.4298 2.71111C28.8215 3.25034 32.909 5.23515 36.0486 8.35292C39.1883 11.4707 41.2016 15.5443 41.7714 19.9321" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path><path class="stroke text-gray-400 dark:text-gray-400" d="M24.4298 42.2889C28.8215 41.7497 32.909 39.7649 36.0486 36.6471C39.1883 33.5293 41.2016 29.4557 41.7714 25.0679" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path><path class="stroke text-gray-400 dark:text-gray-400" d="M19.5702 42.2889C15.1785 41.7497 11.091 39.7649 7.95136 36.6471C4.81174 33.5293 2.79844 29.4557 2.22856 25.0679" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path></svg></div><div class="flex h-8 w-8 items-center justify-center rounded-full bg-black text-white dark:bg-white dark:text-black"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM9 11C9 11.5523 8.55229 12 8 12C7.44772 12 7 11.5523 7 11C7 10.4477 7.44772 10 8 10C8.55229 10 9 10.4477 9 11ZM7.09584 5.82182C7.25716 5.48223 7.6022 5.25 7.99999 5.25C8.55227 5.25 8.99999 5.69772 8.99999 6.25C8.99999 6.75329 8.62748 7.17086 8.14337 7.23989C7.70367 7.3026 7.24999 7.67511 7.24999 8.25V8.5V9.25H8.74999V8.63535C9.76443 8.31661 10.5 7.36971 10.5 6.25C10.5 4.86929 9.3807 3.75 7.99999 3.75C7.00158 3.75 6.14136 4.3353 5.74095 5.17818L5.41913 5.85563L6.77402 6.49926L7.09584 5.82182Z" fill="currentColor"/></svg></div></div><div class="mt-1 space-y-1 text-center lg:text-left"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:600">Test your knowledge during each chapter</p><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.875rem;--text-line-height:1.25rem;--text-letter-spacing:initial;--text-weight:400">Take quick quizzes to see what you鈥檝e learned</p></div></div></div></div><div class="mx-auto max-w-6xl px-4 pb-10 md:pb-20"><div class="mb-4 flex flex-col justify-center text-center md:mb-8 md:flex-row md:items-baseline md:justify-center md:text-left"><h2 class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--xs-text-size:1.5rem;--xs-text-line-height:2rem;--xs-text-weight:600;--xs-text-letter-spacing:-0.029375rem;--sm-text-size:1.5rem;--sm-text-line-height:2rem;--sm-text-weight:600;--sm-text-letter-spacing:-0.029375rem;--smd-text-size:2rem;--smd-text-line-height:2.5rem;--smd-text-weight:600;--smd-text-letter-spacing:-0.049375rem;--md-text-size:2rem;--md-text-line-height:2.5rem;--md-text-weight:600;--md-text-letter-spacing:-0.049375rem;--lg-text-size:2rem;--lg-text-line-height:2.5rem;--lg-text-weight:600;--lg-text-letter-spacing:-0.049375rem">What will I learn?</h2><div class="mx-auto my-1 w-[70%] text-gray-900 md:ml-2 md:mr-0 md:w-auto md:text-xl">Here鈥檚 everything that鈥檚 covered in the course.</div></div><div class="grid grid-flow-row grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3"><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM6.25 7H7H7.74999C8.30227 7 8.74999 7.44772 8.74999 8V11.5V12.25H7.24999V11.5V8.5H7H6.25V7ZM8 6C8.55229 6 9 5.55228 9 5C9 4.44772 8.55229 4 8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6Z" fill="currentColor"/></svg></div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Introduction</p></div><div class="line-clamp-2 text-sm text-gray-900">Learn how to build a full-stack web application with the free, Next.js Foundations course.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/getting-started"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">1</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Getting Started</p></div><div class="line-clamp-2 text-sm text-gray-900">Create a new Next.js application using the dashboard starter example and explore the project.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/css-styling"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">2</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">CSS Styling</p></div><div class="line-clamp-2 text-sm text-gray-900">Style your Next.js application with Tailwind and CSS modules.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/optimizing-fonts-images"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">3</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Optimizing Fonts and Images</p></div><div class="line-clamp-2 text-sm text-gray-900">Optimize fonts and images with the Next.js built-in components.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/creating-layouts-and-pages"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">4</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Creating Layouts and Pages</p></div><div class="line-clamp-2 text-sm text-gray-900">Create the dashboard routes and a shared layout that can be shared between multiple pages.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/navigating-between-pages"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">5</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Navigating Between Pages</p></div><div class="line-clamp-2 text-sm text-gray-900">Learn how to use the <Link> component to navigate between pages.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/setting-up-your-database"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">6</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Setting Up Your Database</p></div><div class="line-clamp-2 text-sm text-gray-900">Setup a database for your application and seed it with initial data.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/fetching-data"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">7</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Fetching Data</p></div><div class="line-clamp-2 text-sm text-gray-900">Learn about the different ways to fetch data in Next.js, and fetch data for your dashboard page using Server Components.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/static-and-dynamic-rendering"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">8</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Static and Dynamic Rendering</p></div><div class="line-clamp-2 text-sm text-gray-900">Understand how rendering works in Next.js, and make your dashboard app dynamic.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/streaming"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">9</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Streaming</p></div><div class="line-clamp-2 text-sm text-gray-900">Improve your application's loading experience with streaming and loading skeletons.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/partial-prerendering"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">10</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Partial Prerendering</p></div><div class="line-clamp-2 text-sm text-gray-900">An early look into Partial Prerendering and how it works.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/adding-search-and-pagination"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">11</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Adding Search and Pagination</p></div><div class="line-clamp-2 text-sm text-gray-900">Add search and pagination to your dashboard application using Next.js APIs.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/mutating-data"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">12</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Mutating Data</p></div><div class="line-clamp-2 text-sm text-gray-900">Mutate data using React Server Actions, and revalidate the Next.js cache.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/error-handling"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">13</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Handling Errors</p></div><div class="line-clamp-2 text-sm text-gray-900">Handle errors gracefully with error.tsx and notFound.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/improving-accessibility"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">14</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Improving Accessibility</p></div><div class="line-clamp-2 text-sm text-gray-900">Implement server-side form validation and improve accessibility in your forms.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/adding-authentication"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">15</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Adding Authentication</p></div><div class="line-clamp-2 text-sm text-gray-900">Add authentication to protect your dashboard routes using NextAuth.js, Server Actions, and Middleware.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/adding-metadata"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">16</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Adding Metadata</p></div><div class="line-clamp-2 text-sm text-gray-900">Learn how to add metadata to your Next.js application.</div></a></div></div><div><div class="dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100"><a class="flex flex-col p-6" href="/learn/dashboard-app/next-steps"><div class="mb-2 flex items-center"><div class="mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black"><div class="group-hover:hidden">17</div><svg class="hidden h-5 group-hover:block" data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.25rem;--text-line-height:1.5rem;--text-letter-spacing:-0.020625rem;--text-weight:600">Next Steps</p></div><div class="line-clamp-2 text-sm text-gray-900">Next.js Dashboard Course Conclusion</div></a></div></div></div><div class="mt-4 flex w-full items-center justify-center md:mt-8 md:w-auto"><div class="w-[100%] md:w-[233px]"><div class="w-full md:w-[213px]"><a role="link" tabindex="0" href="/learn" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_large__fuY6E button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="false" data-version="v1" style="--geist-icon-size:16px"><span class="button_content__1aE1_"><span style="opacity:0">Placeholder</span></span></a></div></div></div></div><div class="bg-background-200 border-t pt-12 dark:bg-black dark:border-gray-200 md:pt-16"><div class="pb-8 md:mx-auto md:max-w-6xl md:pb-20"><div class="flex w-full flex-col items-center justify-between space-y-4 px-4 text-center md:flex-row md:space-y-0 md:text-left lg:px-0"><div><p class="text_wrapper__i87JK pb-1" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.5rem;--text-line-height:2rem;--text-letter-spacing:-0.029375rem;--text-weight:600">Looking to go deeper?</p><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:400">Continue learning by using our guides.</p></div><div class="w-full md:w-auto"><a role="link" tabindex="0" href="https://vercel.com/guides?topics=frameworks" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_secondary__kMMNc button_invert__YNhnn" data-geist-button="" data-prefix="true" data-suffix="false" data-version="v1" style="min-width:100%;max-width:100%;--geist-icon-size:16px"><span class="button_prefix__2XlwH"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 0C2.50736 0 1.5 1.00736 1.5 2.25V13.744V13.75H1.50001C1.50323 14.9899 2.50935 15.994 3.75 15.994H13H14.5V14.494V13.7296V12.994V11.494V0.75V0H13.75H3.75ZM13 11.494V1.5H3.75C3.33579 1.5 3 1.83579 3 2.25V11.622C3.23458 11.5391 3.48702 11.494 3.75 11.494H13ZM3 13.744C3 14.1582 3.33579 14.494 3.75 14.494H13V13.7296V12.994H3.75C3.33579 12.994 3 13.3298 3 13.744Z" fill="currentColor"/></svg></span><span class="button_content__1aE1_">View All Guides</span></a></div></div><div class="guides_guidesScrollWrapper__X_Ocn"><div class="stack_stack__iZkUS stack guides_guidesListScrollView__ih_Nc" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="flex w-full items-center justify-between px-4 md:px-1"><div class="guides_bookSpacer__OLoiP md:hidden"></div><a class="guides_bookPerspective__1DMxp" rel="noopener noreferrer" target="_blank" href="https://vercel.com/guides/nextjs-prisma-postgres"><div class="guides_bookRotateWrapper__Z22Ip" style="--book-height:220px;--book-width:204px;--book-color:var(--ds-gray-400);--subtitle-color:var(--ds-gray-1000)"><div class="stack_stack__iZkUS stack guides_book__j9vP8" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="guides_bind__9COxI"></div><div class="stack_stack__iZkUS stack guides_cover__skh_f" data-version="v1" style="--stack-flex:1;--stack-direction:column;--stack-align:stretch;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px"><div class="space-y-2"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:500">How to build a fullstack app with Next.js, Prisma and Postgres</p><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.8125rem;--text-line-height:1.125rem;--text-letter-spacing:initial;--text-weight:400;color:var(--ds-gray-900)">Build, Deployment & Git</p></div></div></div><div class="guides_side__D9UwQ"></div><div class="guides_back__SaY73"></div></div></a><a class="guides_bookPerspective__1DMxp" rel="noopener noreferrer" target="_blank" href="https://vercel.com/guides/nextjs-multi-tenant-application"><div class="guides_bookRotateWrapper__Z22Ip" style="--book-height:220px;--book-width:204px;--book-color:var(--ds-gray-400);--subtitle-color:var(--ds-gray-1000)"><div class="stack_stack__iZkUS stack guides_book__j9vP8" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="guides_bind__9COxI"></div><div class="stack_stack__iZkUS stack guides_cover__skh_f" data-version="v1" style="--stack-flex:1;--stack-direction:column;--stack-align:stretch;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px"><div class="space-y-2"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:500">Build a multi-tenant app with custom domains using Next.js</p><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.8125rem;--text-line-height:1.125rem;--text-letter-spacing:initial;--text-weight:400;color:var(--ds-gray-900)">Build, Deployment & Git</p></div></div></div><div class="guides_side__D9UwQ"></div><div class="guides_back__SaY73"></div></div></a><a class="guides_bookPerspective__1DMxp" rel="noopener noreferrer" target="_blank" href="https://vercel.com/guides/integrating-next-js-and-contentful-for-your-headless-cms"><div class="guides_bookRotateWrapper__Z22Ip" style="--book-height:220px;--book-width:204px;--book-color:var(--ds-gray-400);--subtitle-color:var(--ds-gray-1000)"><div class="stack_stack__iZkUS stack guides_book__j9vP8" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="guides_bind__9COxI"></div><div class="stack_stack__iZkUS stack guides_cover__skh_f" data-version="v1" style="--stack-flex:1;--stack-direction:column;--stack-align:stretch;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px"><div class="space-y-2"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:500">Integrating Next.js and Contentful for your headless CMS</p><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.8125rem;--text-line-height:1.125rem;--text-letter-spacing:initial;--text-weight:400;color:var(--ds-gray-900)">Databases & CMS</p></div></div></div><div class="guides_side__D9UwQ"></div><div class="guides_back__SaY73"></div></div></a><a class="guides_bookPerspective__1DMxp" rel="noopener noreferrer" target="_blank" href="https://vercel.com/guides/building-ecommerce-sites-with-next-js-and-shopify"><div class="guides_bookRotateWrapper__Z22Ip" style="--book-height:220px;--book-width:204px;--book-color:var(--ds-gray-400);--subtitle-color:var(--ds-gray-1000)"><div class="stack_stack__iZkUS stack guides_book__j9vP8" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="guides_bind__9COxI"></div><div class="stack_stack__iZkUS stack guides_cover__skh_f" data-version="v1" style="--stack-flex:1;--stack-direction:column;--stack-align:stretch;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px"><div class="space-y-2"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:500">Building Ecommerce Sites with Next.js and Shopify</p><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.8125rem;--text-line-height:1.125rem;--text-letter-spacing:initial;--text-weight:400;color:var(--ds-gray-900)">Databases & CMS</p></div></div></div><div class="guides_side__D9UwQ"></div><div class="guides_back__SaY73"></div></div></a><a class="guides_bookPerspective__1DMxp" rel="noopener noreferrer" target="_blank" href="https://vercel.com/guides/wordpress-with-vercel"><div class="guides_bookRotateWrapper__Z22Ip" style="--book-height:220px;--book-width:204px;--book-color:var(--ds-gray-400);--subtitle-color:var(--ds-gray-1000)"><div class="stack_stack__iZkUS stack guides_book__j9vP8" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="guides_bind__9COxI"></div><div class="stack_stack__iZkUS stack guides_cover__skh_f" data-version="v1" style="--stack-flex:1;--stack-direction:column;--stack-align:stretch;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px"><div class="space-y-2"><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:500">Using headless WordPress with Next.js and Vercel</p><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:0.8125rem;--text-line-height:1.125rem;--text-letter-spacing:initial;--text-weight:400;color:var(--ds-gray-900)">Databases & CMS</p></div></div></div><div class="guides_side__D9UwQ"></div><div class="guides_back__SaY73"></div></div></a><div class="guides_bookSpacer__OLoiP md:hidden"></div></div></div><fieldset aria-controls="carousel" aria-label="carousel buttons" class="guides_carouselControls__I_6T7"><div class="guides_left__l6yRf guides_slideControl__ZgnAB"><button aria-label="Previous Slide" class="circle-button_button__q1__M" type="button"><svg aria-hidden="true" fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 8 14" width="8"><path d="M7 13L1 7L4 4L7 1"></path></svg></button></div><div class="guides_right__lPNfI guides_slideControl__ZgnAB"><button aria-label="Next slide" class="circle-button_button__q1__M" type="button"><svg aria-hidden="true" fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 8 14" width="8"><path d="M1 13L7 7L1 1"></path></svg></button></div></fieldset></div><div class="flex w-full flex-col items-center justify-between space-y-6 px-4 pt-10 text-center md:flex-row md:space-y-0 md:px-0 md:text-left"><div class="flex flex-col items-center space-x-4 space-y-2 md:flex-row md:space-y-0"><div class="flex h-[60px] w-[50px] flex-col justify-between rounded-md bg-white p-2 shadow-lg dark:bg-black"><svg aria-label="Next.js logomark" class="next-mark_root__iLw9v" height="16" role="img" viewBox="0 0 180 180" width="16"><mask height="180" id="芦Rls7mbaanb禄mask0_408_134" maskUnits="userSpaceOnUse" style="mask-type:alpha" width="180" x="0" y="0"><circle cx="90" cy="90" fill="black" r="90"></circle></mask><g mask="url(#芦Rls7mbaanb禄mask0_408_134)"><circle cx="90" cy="90" data-circle="true" fill="black" r="90"></circle><path d="M149.508 157.52L69.142 54H54V125.97H66.1136V69.3836L139.999 164.845C143.333 162.614 146.509 160.165 149.508 157.52Z" fill="url(#芦Rls7mbaanb禄paint0_linear_408_134)"></path><rect fill="url(#芦Rls7mbaanb禄paint1_linear_408_134)" height="72" width="12" x="115" y="54"></rect></g><defs><linearGradient gradientUnits="userSpaceOnUse" id="芦Rls7mbaanb禄paint0_linear_408_134" x1="109" x2="144.5" y1="116.5" y2="160.5"><stop stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="芦Rls7mbaanb禄paint1_linear_408_134" x1="121" x2="120.799" y1="54" y2="106.875"><stop stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient></defs></svg><div class="flex flex-col gap-0.5"><div class="h-1 w-3/4 rounded-md bg-gray-200 dark:bg-gray-400"></div><div class="h-1 w-2/4 rounded-md bg-gray-200 dark:bg-gray-400"></div></div></div><div><p class="text_wrapper__i87JK" data-version="v1" style="--text-color:var(--ds-gray-1000);--text-size:1.5rem;--text-line-height:2rem;--text-letter-spacing:-0.029375rem;--text-weight:600">Next.js Documentation</p><p class="text_wrapper__i87JK pt-1" data-version="v1" style="--text-color:var(--ds-gray-900);--text-size:1rem;--text-line-height:1.5rem;--text-letter-spacing:initial;--text-weight:400">The complete resource for installing, running, building with, and deploying Next.js</p></div></div><div class="w-[100%] md:w-auto"><a role="link" tabindex="0" href="https://nextjs.org/docs" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_secondary__kMMNc button_invert__YNhnn" data-geist-button="" data-prefix="true" data-suffix="false" data-version="v1" style="min-width:100%;max-width:100%;--geist-icon-size:16px"><span class="button_prefix__2XlwH"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 1H0.75H5C6.2267 1 7.31583 1.58901 8 2.49963C8.68417 1.58901 9.7733 1 11 1H15.25H16V1.75V13V13.75H15.25H10.7426C10.1459 13.75 9.57361 13.9871 9.15165 14.409L8.53033 15.0303H7.46967L6.84835 14.409C6.42639 13.9871 5.8541 13.75 5.25736 13.75H0.75H0V13V1.75V1ZM7.25 4.75C7.25 3.50736 6.24264 2.5 5 2.5H1.5V12.25H5.25736C5.96786 12.25 6.65758 12.4516 7.25 12.8232V4.75ZM8.75 12.8232V4.75C8.75 3.50736 9.75736 2.5 11 2.5H14.5V12.25H10.7426C10.0321 12.25 9.34242 12.4516 8.75 12.8232Z" fill="currentColor"/></svg></span><span class="button_content__1aE1_">View the Documentation</span></a></div></div></div></div></div></main><div class="jsx-4008339588 footer_root__6F7g2"><div class="geist-wrapper"><footer class="footer_footer__mqdak"><div class="footer_grid__yp2LW"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px" data-logo="true"><a class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" aria-label="Vercel logo" data-logo-link="" href="https://vercel.com/home?utm_source=next-site&utm_medium=footer&utm_campaign=next-website" rel="noopener noreferrer" target="_blank" title="Go to the Vercel website"><svg fill="none" height="20" viewBox="0 0 283 64"><path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="var(--geist-foreground)"></path></svg></a><div class="stack_stack__iZkUS stack footer_socialsDesktop__XZ__G" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:12px"><a aria-label="GitHub" href="https://github.com/vercel/next.js" rel="noopener" target="_blank"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:currentColor" viewBox="0 0 16 16" width="16"><g clip-path="url(#clip0_872_3147)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.57879 0 7.99729C0 11.5361 2.29 14.5251 5.47 15.5847C5.87 15.6547 6.02 15.4148 6.02 15.2049C6.02 15.0149 6.01 14.3851 6.01 13.7154C4 14.0852 3.48 13.2255 3.32 12.7757C3.23 12.5458 2.84 11.836 2.5 11.6461C2.22 11.4961 1.82 11.1262 2.49 11.1162C3.12 11.1062 3.57 11.696 3.72 11.936C4.44 13.1455 5.59 12.8057 6.05 12.5957C6.12 12.0759 6.33 11.726 6.56 11.5261C4.78 11.3262 2.92 10.6364 2.92 7.57743C2.92 6.70773 3.23 5.98797 3.74 5.42816C3.66 5.22823 3.38 4.40851 3.82 3.30888C3.82 3.30888 4.49 3.09895 6.02 4.1286C6.66 3.94866 7.34 3.85869 8.02 3.85869C8.7 3.85869 9.38 3.94866 10.02 4.1286C11.55 3.08895 12.22 3.30888 12.22 3.30888C12.66 4.40851 12.38 5.22823 12.3 5.42816C12.81 5.98797 13.12 6.69773 13.12 7.57743C13.12 10.6464 11.25 11.3262 9.47 11.5261C9.76 11.776 10.01 12.2558 10.01 13.0056C10.01 14.0752 10 14.9349 10 15.2049C10 15.4148 10.15 15.6647 10.55 15.5847C12.1381 15.0488 13.5182 14.0284 14.4958 12.6673C15.4735 11.3062 15.9996 9.67293 16 7.99729C16 3.57879 12.42 0 8 0Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_872_3147"> <rect width="16" height="16" fill="white"/> </clipPath> </defs></svg></a><hr/><a aria-label="Twitter" href="https://twitter.com/nextjs" rel="noopener" target="_blank"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 0.5H5.75L9.48421 5.71053L14 0.5H16L10.3895 6.97368L16.5 15.5H11.25L7.51579 10.2895L3 15.5H1L6.61053 9.02632L0.5 0.5ZM12.0204 14L3.42043 2H4.97957L13.5796 14H12.0204Z" fill="currentColor" /></svg></a><hr/><a aria-label="Bluesky" href="https://bsky.app/profile/nextjs.org" rel="noopener" target="_blank"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill="#1185FE" d="M3.47 1.95A19 19 0 0 1 8 7.62c.73-1.5 2.7-4.3 4.53-5.67C13.86.95 16 .19 16 2.63c0 .5-.28 4.1-.44 4.7-.58 2.03-2.66 2.55-4.5 2.24 3.23.55 4.05 2.38 2.27 4.2-3.37 3.46-4.85-.87-5.23-1.98q-.1-.32-.1-.22 0-.1-.1.22c-.38 1.11-1.86 5.44-5.23 1.98-1.78-1.82-.96-3.65 2.28-4.2C3.1 9.89 1 9.37.45 7.32A48 48 0 0 1 0 2.63C0 .2 2.15.96 3.47 1.95" /></svg></a></div></div><div><h4>Resources</h4><a href="/docs">Docs</a><a data-zone="same" href="/support-policy">Support Policy</a><a data-zone="same" href="/learn">Learn</a><a data-zone="same" href="/showcase">Showcase</a><a data-zone="same" href="/blog">Blog</a><a data-zone="same" href="/team">Team</a><a href="https://vercel.com/analytics?utm_source=next-site&utm_medium=footer&utm_campaign=learn" rel="noopener" target="_blank">Analytics</a><a href="/conf" data-zone="nextjs-conf">Next.js Conf</a><a href="https://vercel.com/products/previews?utm_source=next-site&utm_medium=footer&utm_campaign=learn" rel="noopener" target="_blank">Previews</a></div><div><h4>More</h4><a href="https://vercel.com/templates/next.js/nextjs-commerce?utm_source=next-site&utm_medium=footer&utm_campaign=learn" rel="noopener" target="_blank">Next.js Commerce</a><a href="https://vercel.com/contact/sales?utm_source=next-site&utm_medium=footer&utm_campaign=learn" rel="noopener" target="_blank">Contact Sales</a><a href="https://community.vercel.com" rel="noopener noreferrer" target="_blank">Community</a><a href="https://github.com/vercel/next.js" rel="noopener noreferrer" target="_blank">GitHub</a><a href="https://github.com/vercel/next.js/releases" rel="noopener noreferrer" target="_blank">Releases</a><a data-zone="same" href="/telemetry">Telemetry</a><a data-zone="same" href="/governance">Governance</a></div><div><h4>About Vercel</h4><a href="https://vercel.com/solutions/nextjs?utm_source=next-site&utm_medium=footer&utm_campaign=learn" rel="noopener" target="_blank">Next.js + Vercel</a><a href="https://vercel.com/oss?utm_source=next-site&utm_medium=footer&utm_campaign=learn" rel="noopener" target="_blank">Open Source Software</a><a href="https://github.com/vercel" rel="noopener noreferrer" target="_blank">GitHub</a><a href="https://bsky.app/profile/vercel.com" rel="noopener noreferrer" target="_blank">Bluesky</a><a href="https://twitter.com/vercel" rel="noopener noreferrer" target="_blank">X</a></div><div><h4>Legal</h4><a href="https://vercel.com/legal/privacy-policy" rel="noopener" target="_blank">Privacy Policy</a><button id="fides-modal-link" type="button">Cookie Preferences</button></div><div class="footer_newsletter__GlFxe"><h4>Subscribe to our newsletter</h4><p>Stay updated on new releases and features, guides, and case studies.</p><form data-input-wrapper="true" action="" encType="multipart/form-data" method="POST"><input type="hidden" name="$ACTION_REF_1"/><input type="hidden" name="$ACTION_1:0" value="{"id":"6000bed9c6efe2ec2409f0677779d0e2f38028fe7f","bound":"$@1"}"/><input type="hidden" name="$ACTION_1:1" value="[{"success":false,"error":""}]"/><input type="hidden" name="$ACTION_KEY" value="k2147195685"/><input aria-label="Enter your email" data-1p-ignore="true" placeholder="you@domain.com" required="" type="email" name="email"/><button type="submit">Subscribe</button></form></div></div><div class="stack_stack__iZkUS stack footer_copyright__z9dsS" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><p>漏 2025 Vercel, Inc.</p><div class="stack_stack__iZkUS stack footer_socials__VfDh3" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:12px"><a aria-label="GitHub" href="https://github.com/vercel/next.js" rel="noopener" target="_blank"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:currentColor" viewBox="0 0 16 16" width="16"><g clip-path="url(#clip0_872_3147)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.57879 0 7.99729C0 11.5361 2.29 14.5251 5.47 15.5847C5.87 15.6547 6.02 15.4148 6.02 15.2049C6.02 15.0149 6.01 14.3851 6.01 13.7154C4 14.0852 3.48 13.2255 3.32 12.7757C3.23 12.5458 2.84 11.836 2.5 11.6461C2.22 11.4961 1.82 11.1262 2.49 11.1162C3.12 11.1062 3.57 11.696 3.72 11.936C4.44 13.1455 5.59 12.8057 6.05 12.5957C6.12 12.0759 6.33 11.726 6.56 11.5261C4.78 11.3262 2.92 10.6364 2.92 7.57743C2.92 6.70773 3.23 5.98797 3.74 5.42816C3.66 5.22823 3.38 4.40851 3.82 3.30888C3.82 3.30888 4.49 3.09895 6.02 4.1286C6.66 3.94866 7.34 3.85869 8.02 3.85869C8.7 3.85869 9.38 3.94866 10.02 4.1286C11.55 3.08895 12.22 3.30888 12.22 3.30888C12.66 4.40851 12.38 5.22823 12.3 5.42816C12.81 5.98797 13.12 6.69773 13.12 7.57743C13.12 10.6464 11.25 11.3262 9.47 11.5261C9.76 11.776 10.01 12.2558 10.01 13.0056C10.01 14.0752 10 14.9349 10 15.2049C10 15.4148 10.15 15.6647 10.55 15.5847C12.1381 15.0488 13.5182 14.0284 14.4958 12.6673C15.4735 11.3062 15.9996 9.67293 16 7.99729C16 3.57879 12.42 0 8 0Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_872_3147"> <rect width="16" height="16" fill="white"/> </clipPath> </defs></svg></a><hr/><a aria-label="Twitter" href="https://x.com/nextjs" rel="noopener" target="_blank"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 0.5H5.75L9.48421 5.71053L14 0.5H16L10.3895 6.97368L16.5 15.5H11.25L7.51579 10.2895L3 15.5H1L6.61053 9.02632L0.5 0.5ZM12.0204 14L3.42043 2H4.97957L13.5796 14H12.0204Z" fill="currentColor" /></svg></a><hr/><a aria-label="Bluesky" href="https://bsky.app/profile/nextjs.org" rel="noopener" target="_blank"><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill="#1185FE" d="M3.47 1.95A19 19 0 0 1 8 7.62c.73-1.5 2.7-4.3 4.53-5.67C13.86.95 16 .19 16 2.63c0 .5-.28 4.1-.44 4.7-.58 2.03-2.66 2.55-4.5 2.24 3.23.55 4.05 2.38 2.27 4.2-3.37 3.46-4.85-.87-5.23-1.98q-.1-.32-.1-.22 0-.1-.1.22c-.38 1.11-1.86 5.44-5.23 1.98-1.78-1.82-.96-3.65 2.28-4.2C3.1 9.89 1 9.37.45 7.32A48 48 0 0 1 0 2.63C0 .2 2.15.96 3.47 1.95" /></svg></a></div></div></div></footer></div></div><script src="/_next/static/chunks/webpack-63be0339bd73eb48.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[47013,[],\"\"]\n3:I[49857,[],\"\"]\n4:I[48428,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"BotRenderCheck\"]\n5:I[97312,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKm"])</script><script>self.__next_f.push([1,"juBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"Analytics\"]\n6:I[38668,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c"])</script><script>self.__next_f.push([1,"250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"PrefetchCrossZoneLinksProvider\"]\n7:I[671,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"Header\"]\n8:I[43627,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-5"])</script><script>self.__next_f.push([1,"9371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"Provider\"]\n9:I[63003,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7913\",\"static/chunks/7913-cc22e44c497fb082.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"448\",\"static/chunks/448-96c91a7298cf57a0.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"988\",\"static/chunks/988-d71ad3f6508174de.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\","])</script><script>self.__next_f.push([1,"\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"975\",\"static/chunks/app/(next-site)/page-8279f744e9fc804f.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"HydrateMeLater\"]\na:I[75905,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"default\"]\nc:I[38668,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"st"])</script><script>self.__next_f.push([1,"atic/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"Link\"]\nd:\"$Sreact.suspense\"\ne:I[49230,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?"])</script><script>self.__next_f.push([1,"dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"ExternalFooterLink\"]\nf:I[28746,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBs"])</script><script>self.__next_f.push([1,"yZGBrA5iKHi\"],\"NewsletterForm\"]\n11:I[71200,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"ThemeSwitcher\"]\n12:I[6889,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\""])</script><script>self.__next_f.push([1,",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"Cmdk\"]\n13:I[8714,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHw"])</script><script>self.__next_f.push([1,"rFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"TrackPageView\"]\n14:I[38668,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"8254\",\"static/chunks/8254-8277c5d77a462f72.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7022\",\"static/chunks/7022-5a7102134af2bcf3.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3368\",\"static/chunks/3368-67e57a34983f4067.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1080\",\"static/chunks/app/(next-site)/layout-d0fd60e83b35bb16.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"PrefetchCrossZoneLinks\"]\n15:I[28374,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dp"])</script><script>self.__next_f.push([1,"l_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"890\",\"static/chunks/app/(next-site)/learn/page-4d006ea043fef608.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"ChapterIcon\"]\n16:I[96697,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"890\",\"static/chunks/app/(next-site)/learn/page-4d006ea043fef608.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"ChapterInfo\"]\n17:I[53967,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"890\",\"static/chunks/app/(next-site)/learn/page-4d006ea043fef608.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"CourseButton\"]\n19:I[23997,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"890\",\"static/chunks/app/(next-site)/learn/page-4d006ea043fef608.js?dpl=dpl_HBLkVuH"])</script><script>self.__next_f.push([1,"wrFMKmjuBsyZGBrA5iKHi\"],\"ButtonLink\"]\n1a:I[77217,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7227\",\"static/chunks/7227-8c648befd2d32ba6.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2831\",\"static/chunks/2831-b510887f9022fe71.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3924\",\"static/chunks/app/(next-site)/learn/%5B...slug%5D/page-f5d5e7ffc438f204.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"Image\"]\n1c:I[13080,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"1235\",\"static/chunks/1235-fbb3c55e5db18ee2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"660\",\"static/chunks/660-410289b9a0c0c700.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"6348\",\"static/chunks/6348-baeb2562eebd63fe.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2822\",\"static/chunks/2822-76935306d4c0c7a4.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZ"])</script><script>self.__next_f.push([1,"GBrA5iKHi\",\"6842\",\"static/chunks/6842-c4da2039b8d4de3c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7227\",\"static/chunks/7227-8c648befd2d32ba6.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7709\",\"static/chunks/7709-083f913c250f349c.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2831\",\"static/chunks/2831-b510887f9022fe71.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"9676\",\"static/chunks/9676-68add7a12d613343.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"7316\",\"static/chunks/7316-1e706436d3912090.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3924\",\"static/chunks/app/(next-site)/learn/%5B...slug%5D/page-f5d5e7ffc438f204.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"\"]\n1d:I[85889,[\"5154\",\"static/chunks/5154-ee438813b89dc60e.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3080\",\"static/chunks/3080-59371250a13e3ca2.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"4121\",\"static/chunks/4121-336dccd4ca4da7f8.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"2034\",\"static/chunks/2034-50cd3657e15f6b29.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"3997\",\"static/chunks/3997-f226e57b47a7e410.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"890\",\"static/chunks/app/(next-site)/learn/page-4d006ea043fef608.js?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\"],\"DigDeeper\"]\n1e:I[45211,[],\"MetadataBoundary\"]\n20:I[45211,[],\"OutletBoundary\"]\n23:I[84273,[],\"AsyncMetadataOutlet\"]\n25:I[45211,[],\"ViewportBoundary\"]\n27:I[4540,[],\"\"]\n:HL[\"/_next/static/media/569ce4b8f30dc480-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/93f479601ee12b01.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/08b023804daf62bb.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/93d6a97e20faf20d.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/7b0dc059936e156c.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/ded4a7793606337b.css?dpl=d"])</script><script>self.__next_f.push([1,"pl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/935a0b934d2099ee.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/23915549b14cfd58.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/ca88c4ca37434c71.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/ae419023406be092.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/1ac4f2ea93ccb85a.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/1617ff89c081c505.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/3f075e35768c0271.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\n:HL[\"/_next/static/css/4e76815e609c056f.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"style\"]\nb:T4cd,\u003cg clip-path=\"url(#clip0_872_3147)\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 0C3.58 0 0 3.57879 0 7.99729C0 11.5361 2.29 14.5251 5.47 15.5847C5.87 15.6547 6.02 15.4148 6.02 15.2049C6.02 15.0149 6.01 14.3851 6.01 13.7154C4 14.0852 3.48 13.2255 3.32 12.7757C3.23 12.5458 2.84 11.836 2.5 11.6461C2.22 11.4961 1.82 11.1262 2.49 11.1162C3.12 11.1062 3.57 11.696 3.72 11.936C4.44 13.1455 5.59 12.8057 6.05 12.5957C6.12 12.0759 6.33 11.726 6.56 11.5261C4.78 11.3262 2.92 10.6364 2.92 7.57743C2.92 6.70773 3.23 5.98797 3.74 5.42816C3.66 5.22823 3.38 4.40851 3.82 3.30888C3.82 3.30888 4.49 3.09895 6.02 4.1286C6.66 3.94866 7.34 3.85869 8.02 3.85869C8.7 3.85869 9.38 3.94866 10.02 4.1286C11.55 3.08895 12.22 3.30888 12.22 3.30888C12.66 4.40851 12.38 5.22823 12.3 5.42816C12.81 5.98797 13.12 6.69773 13.12 7.57743C13.12 10.6464 11.25 11.3262 9.47 11.5261C9.76 11.776 10.01 12.2558 10.01 13.0056C10.01 14.0752 10 14.9349 10 15.2049C10 15.4148 10.15 15.6647 10.55 15.5847C12.1381 15.0488 13.5182 14.0284 14.4958 12.6673C15.4735 11.3062 15.9996 9.67293 16 7.99729C16 3.57879 12.42 0 8 0Z\" fill=\"currentColor\"/\u003e\n \u003c/g\u003e\n \u003cdefs\u003e\n \u003cclipPath id=\"clip0_872_3147\"\u003e\n \u003crect width=\"16\" height=\"16\" fill=\"white\"/\u003e\n \u003c/clipPath\u003e\n \u003c/defs\u003e10:T4cd,\u003cg clip-path=\"url(#clip0_872_3147)"])</script><script>self.__next_f.push([1,"\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 0C3.58 0 0 3.57879 0 7.99729C0 11.5361 2.29 14.5251 5.47 15.5847C5.87 15.6547 6.02 15.4148 6.02 15.2049C6.02 15.0149 6.01 14.3851 6.01 13.7154C4 14.0852 3.48 13.2255 3.32 12.7757C3.23 12.5458 2.84 11.836 2.5 11.6461C2.22 11.4961 1.82 11.1262 2.49 11.1162C3.12 11.1062 3.57 11.696 3.72 11.936C4.44 13.1455 5.59 12.8057 6.05 12.5957C6.12 12.0759 6.33 11.726 6.56 11.5261C4.78 11.3262 2.92 10.6364 2.92 7.57743C2.92 6.70773 3.23 5.98797 3.74 5.42816C3.66 5.22823 3.38 4.40851 3.82 3.30888C3.82 3.30888 4.49 3.09895 6.02 4.1286C6.66 3.94866 7.34 3.85869 8.02 3.85869C8.7 3.85869 9.38 3.94866 10.02 4.1286C11.55 3.08895 12.22 3.30888 12.22 3.30888C12.66 4.40851 12.38 5.22823 12.3 5.42816C12.81 5.98797 13.12 6.69773 13.12 7.57743C13.12 10.6464 11.25 11.3262 9.47 11.5261C9.76 11.776 10.01 12.2558 10.01 13.0056C10.01 14.0752 10 14.9349 10 15.2049C10 15.4148 10.15 15.6647 10.55 15.5847C12.1381 15.0488 13.5182 14.0284 14.4958 12.6673C15.4735 11.3062 15.9996 9.67293 16 7.99729C16 3.57879 12.42 0 8 0Z\" fill=\"currentColor\"/\u003e\n \u003c/g\u003e\n \u003cdefs\u003e\n \u003cclipPath id=\"clip0_872_3147\"\u003e\n \u003crect width=\"16\" height=\"16\" fill=\"white\"/\u003e\n \u003c/clipPath\u003e\n \u003c/defs\u003e18:T1755,"])</script><script>self.__next_f.push([1,"\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.5 1.93782C4.70129 1.82161 4.99472 1.7858 5.41315 1.91053C5.83298 2.03567 6.33139 2.31073 6.87627 2.73948C7.01136 2.84578 7.14803 2.96052 7.28573 3.08331C6.86217 3.53446 6.44239 4.04358 6.03752 4.60092C5.35243 4.67288 4.70164 4.78186 4.09916 4.92309C4.06167 4.74244 4.03064 4.56671 4.00612 4.39656C3.90725 3.71031 3.91825 3.14114 4.01979 2.71499C4.12099 2.29025 4.29871 2.05404 4.5 1.93782ZM7.49466 1.95361C7.66225 2.08548 7.83092 2.22804 7.99999 2.38067C8.16906 2.22804 8.33773 2.08548 8.50532 1.95361C9.10921 1.47842 9.71982 1.12549 10.3012 0.952202C10.8839 0.778496 11.4838 0.7738 12 1.0718C12.5161 1.3698 12.812 1.89169 12.953 2.48322C13.0936 3.07333 13.0932 3.77858 12.9836 4.53917C12.9532 4.75024 12.9141 4.9676 12.8665 5.19034C13.0832 5.26044 13.291 5.33524 13.489 5.41444C14.2025 5.69983 14.8134 6.05217 15.2542 6.46899C15.696 6.8868 16 7.404 16 8C16 8.596 15.696 9.11319 15.2542 9.53101C14.8134 9.94783 14.2025 10.3002 13.489 10.5856C13.291 10.6648 13.0832 10.7396 12.8665 10.8097C12.9141 11.0324 12.9532 11.2498 12.9837 11.4608C13.0932 12.2214 13.0936 12.9267 12.953 13.5168C12.812 14.1083 12.5161 14.6302 12 14.9282C11.4839 15.2262 10.8839 15.2215 10.3012 15.0478C9.71984 14.8745 9.10923 14.5216 8.50534 14.0464C8.33775 13.9145 8.16906 13.7719 7.99999 13.6193C7.83091 13.7719 7.66223 13.9145 7.49464 14.0464C6.89075 14.5216 6.28014 14.8745 5.69879 15.0478C5.11605 15.2215 4.51613 15.2262 3.99998 14.9282C3.48383 14.6302 3.18794 14.1083 3.047 13.5168C2.9064 12.9267 2.90674 12.2214 3.01632 11.4608C3.04673 11.2498 3.08586 11.0324 3.13351 10.8097C2.91679 10.7395 2.709 10.6648 2.511 10.5856C1.79752 10.3002 1.18658 9.94783 0.745833 9.53101C0.304028 9.11319 0 8.596 0 8C0 7.404 0.304028 6.8868 0.745833 6.46899C1.18658 6.05217 1.79752 5.69983 2.511 5.41444C2.709 5.33524 2.9168 5.26044 3.13352 5.19034C3.08587 4.9676 3.04675 4.75024 3.01634 4.53917C2.90676 3.77858 2.90642 3.07332 3.04702 2.48321C3.18796 1.89169 3.48385 1.3698 4 1.0718C4.51615 0.773798 5.11607 0.778495 5.69881 0.952201C6.28016 1.12549 6.89077 1.47841 7.49466 1.95361ZM7.36747 4.51025C7.57735 4.25194 7.78881 4.00927 7.99999 3.78356C8.21117 4.00927 8.42263 4.25194 8.63251 4.51025C8.42369 4.50346 8.21274 4.5 8 4.5C7.78725 4.5 7.5763 4.50345 7.36747 4.51025ZM8.71425 3.08331C9.13781 3.53447 9.55759 4.04358 9.96246 4.60092C10.6475 4.67288 11.2983 4.78186 11.9008 4.92309C11.9383 4.74244 11.9693 4.56671 11.9939 4.39657C12.0927 3.71031 12.0817 3.14114 11.9802 2.71499C11.879 2.29025 11.7013 2.05404 11.5 1.93782C11.2987 1.82161 11.0053 1.7858 10.5868 1.91053C10.167 2.03568 9.66859 2.31073 9.12371 2.73948C8.98862 2.84578 8.85196 2.96052 8.71425 3.08331ZM8 5.5C8.48433 5.5 8.95638 5.51885 9.41188 5.55456C9.67056 5.93118 9.9229 6.33056 10.1651 6.75C10.4072 7.16944 10.6269 7.58766 10.8237 7.99998C10.6269 8.41232 10.4072 8.83055 10.165 9.25C9.92288 9.66944 9.67053 10.0688 9.41185 10.4454C8.95636 10.4812 8.48432 10.5 8 10.5C7.51567 10.5 7.04363 10.4812 6.58813 10.4454C6.32945 10.0688 6.0771 9.66944 5.83494 9.25C5.59277 8.83055 5.37306 8.41232 5.17624 7.99998C5.37306 7.58765 5.59275 7.16944 5.83492 6.75C6.07708 6.33056 6.32942 5.93118 6.5881 5.55456C7.04361 5.51884 7.51566 5.5 8 5.5ZM11.0311 6.25C11.1375 6.43423 11.2399 6.61864 11.3385 6.80287C11.4572 6.49197 11.5616 6.18752 11.6515 5.89178C11.3505 5.82175 11.0346 5.75996 10.706 5.70736C10.8163 5.8848 10.9247 6.06576 11.0311 6.25ZM11.0311 9.75C11.1374 9.56576 11.2399 9.38133 11.3385 9.19709C11.4572 9.50801 11.5617 9.81246 11.6515 10.1082C11.3505 10.1782 11.0346 10.24 10.7059 10.2926C10.8162 10.1152 10.9247 9.93424 11.0311 9.75ZM11.9249 7.99998C12.2051 8.62927 12.4362 9.24738 12.6151 9.83977C12.7903 9.78191 12.958 9.72092 13.1176 9.65708C13.7614 9.39958 14.2488 9.10547 14.5671 8.80446C14.8843 8.50445 15 8.23243 15 8C15 7.76757 14.8843 7.49555 14.5671 7.19554C14.2488 6.89453 13.7614 6.60042 13.1176 6.34292C12.958 6.27907 12.7903 6.21808 12.6151 6.16022C12.4362 6.7526 12.2051 7.37069 11.9249 7.99998ZM9.96244 11.3991C10.6475 11.3271 11.2983 11.2181 11.9008 11.0769C11.9383 11.2576 11.9694 11.4333 11.9939 11.6034C12.0928 12.2897 12.0817 12.8589 11.9802 13.285C11.879 13.7098 11.7013 13.946 11.5 14.0622C11.2987 14.1784 11.0053 14.2142 10.5868 14.0895C10.167 13.9643 9.66861 13.6893 9.12373 13.2605C8.98863 13.1542 8.85196 13.0395 8.71424 12.9167C9.1378 12.4655 9.55758 11.9564 9.96244 11.3991ZM8.63249 11.4898C8.42262 11.7481 8.21116 11.9907 7.99999 12.2164C7.78881 11.9907 7.57737 11.7481 7.36749 11.4897C7.57631 11.4965 7.78726 11.5 8 11.5C8.21273 11.5 8.42367 11.4965 8.63249 11.4898ZM4.96891 9.75C5.07528 9.93424 5.18375 10.1152 5.29404 10.2926C4.9654 10.24 4.64951 10.1782 4.34844 10.1082C4.43833 9.81246 4.54276 9.508 4.66152 9.19708C4.76005 9.38133 4.86254 9.56575 4.96891 9.75ZM6.03754 11.3991C5.35244 11.3271 4.70163 11.2181 4.09914 11.0769C4.06165 11.2576 4.03062 11.4333 4.0061 11.6034C3.90723 12.2897 3.91823 12.8589 4.01977 13.285C4.12097 13.7098 4.29869 13.946 4.49998 14.0622C4.70127 14.1784 4.9947 14.2142 5.41313 14.0895C5.83296 13.9643 6.33137 13.6893 6.87625 13.2605C7.01135 13.1542 7.14802 13.0395 7.28573 12.9167C6.86217 12.4655 6.4424 11.9564 6.03754 11.3991ZM4.07507 7.99998C3.79484 8.62927 3.56381 9.24737 3.38489 9.83977C3.20969 9.78191 3.042 9.72092 2.88239 9.65708C2.23864 9.39958 1.75123 9.10547 1.43294 8.80446C1.11571 8.50445 1 8.23243 1 8C1 7.76757 1.11571 7.49555 1.43294 7.19554C1.75123 6.89453 2.23864 6.60042 2.88239 6.34292C3.042 6.27907 3.2097 6.21808 3.3849 6.16022C3.56383 6.75261 3.79484 7.37069 4.07507 7.99998ZM4.66152 6.80287C4.54277 6.49197 4.43835 6.18752 4.34846 5.89178C4.64952 5.82175 4.96539 5.75996 5.29402 5.70736C5.18373 5.8848 5.07526 6.06576 4.96889 6.25C4.86253 6.43423 4.76005 6.61864 4.66152 6.80287ZM9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8C6.75 7.30965 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30965 9.25 8Z\" fill=\"#149ECA\"/\u003e\n \u003cdefs\u003e\n \u003crect width=\"16\" height=\"16\" fill=\"white\"/\u003e\n \u003c/defs\u003e"])</script><script>self.__next_f.push([1,"1b:Tcec,"])</script><script>self.__next_f.push([1,"\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.70059 1.73618L7.74488 1.5H8.2551L8.29938 1.73618C8.4406 2.48936 8.98357 3.04807 9.63284 3.27226C9.82296 3.33791 10.008 3.41476 10.1871 3.50207C10.805 3.80328 11.5845 3.7922 12.2172 3.35933L12.4158 3.22342L12.7766 3.5842L12.6407 3.78284C12.2078 4.41549 12.1967 5.19496 12.4979 5.81292C12.5852 5.99203 12.6621 6.17703 12.7277 6.36714C12.9519 7.01642 13.5106 7.55938 14.2638 7.7006L14.5 7.74489V8.25511L14.2638 8.2994C13.5106 8.44062 12.9519 8.98359 12.7277 9.63286C12.6621 9.82298 12.5852 10.008 12.4979 10.1871C12.1967 10.805 12.2078 11.5845 12.6407 12.2172L12.7766 12.4158L12.4158 12.7766L12.2172 12.6407C11.5845 12.2078 10.805 12.1967 10.1871 12.4979C10.008 12.5852 9.82296 12.6621 9.63284 12.7277C8.98357 12.9519 8.4406 13.5106 8.29938 14.2638L8.2551 14.5H7.74488L7.70059 14.2638C7.55937 13.5106 7.0164 12.9519 6.36713 12.7277C6.17702 12.6621 5.99202 12.5852 5.8129 12.4979C5.19495 12.1967 4.41548 12.2078 3.78283 12.6407L3.5842 12.7766L3.22342 12.4158L3.35932 12.2172C3.79219 11.5845 3.80326 10.8051 3.50206 10.1871C3.41475 10.008 3.3379 9.82298 3.27225 9.63285C3.04806 8.98358 2.48935 8.44061 1.73616 8.29939L1.5 8.25511V7.74489L1.73616 7.70061C2.48935 7.55939 3.04806 7.01642 3.27225 6.36715C3.3379 6.17703 3.41475 5.99203 3.50205 5.81291C3.80326 5.19496 3.79218 4.41549 3.35931 3.78283L3.2234 3.5842L3.58418 3.22342L3.78282 3.35932C4.41547 3.79219 5.19494 3.80327 5.8129 3.50207C5.99201 3.41476 6.17701 3.33791 6.36713 3.27226C7.0164 3.04807 7.55937 2.48936 7.70059 1.73618ZM6.49999 0H9.49999L9.77369 1.45974C9.80837 1.64472 9.94454 1.79299 10.1224 1.85441C10.3702 1.93996 10.6111 2.04007 10.8443 2.15371C11.0135 2.2362 11.2148 2.22768 11.3701 2.12137L12.5962 1.28249L14.7175 3.40381L13.8786 4.62987C13.7723 4.78525 13.7638 4.98647 13.8463 5.1557C13.9599 5.38885 14.06 5.62981 14.1456 5.87756C14.207 6.05545 14.3553 6.19161 14.5402 6.2263L16 6.5V9.5L14.5402 9.7737C14.3553 9.80839 14.207 9.94455 14.1456 10.1224C14.06 10.3702 13.9599 10.6112 13.8463 10.8443C13.7638 11.0135 13.7723 11.2148 13.8786 11.3701L14.7175 12.5962L12.5962 14.7175L11.3701 13.8786C11.2147 13.7723 11.0135 13.7638 10.8443 13.8463C10.6111 13.9599 10.3702 14.06 10.1224 14.1456C9.94454 14.207 9.80837 14.3553 9.77369 14.5403L9.49999 16H6.49999L6.22628 14.5403C6.1916 14.3553 6.05544 14.207 5.87755 14.1456C5.6298 14.06 5.38884 13.9599 5.15569 13.8463C4.98645 13.7638 4.78523 13.7723 4.62985 13.8786L3.40381 14.7175L1.28249 12.5962L2.12136 11.3702C2.22767 11.2148 2.23619 11.0136 2.1537 10.8443C2.04006 10.6112 1.93995 10.3702 1.8544 10.1224C1.79297 9.94455 1.6447 9.80838 1.45973 9.7737L0 9.5V6.5L1.45973 6.2263C1.6447 6.19162 1.79297 6.05545 1.8544 5.87756C1.93995 5.62981 2.04005 5.38885 2.1537 5.15569C2.23619 4.98646 2.22766 4.78524 2.12135 4.62986L1.28247 3.40381L3.40379 1.28249L4.62984 2.12136C4.78522 2.22767 4.98644 2.2362 5.15568 2.15371C5.38883 2.04007 5.6298 1.93996 5.87755 1.85441C6.05544 1.79299 6.1916 1.64472 6.22628 1.45975L6.49999 0ZM9.49998 8C9.49998 8.82843 8.82841 9.5 7.99998 9.5C7.17156 9.5 6.49998 8.82843 6.49998 8C6.49998 7.17157 7.17156 6.5 7.99998 6.5C8.82841 6.5 9.49998 7.17157 9.49998 8ZM11 8C11 9.65685 9.65684 11 7.99998 11C6.34313 11 4.99998 9.65685 4.99998 8C4.99998 6.34315 6.34313 5 7.99998 5C9.65684 5 11 6.34315 11 8Z\" fill=\"currentColor\"/\u003e"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"7jMiZn_3jfmNSa0RzuPlk\",\"p\":\"\",\"c\":[\"\",\"learn\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(next-site)\",{\"children\":[\"learn\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true]}],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",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.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"(next-site)\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/08b023804daf62bb.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/93d6a97e20faf20d.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7b0dc059936e156c.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ded4a7793606337b.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/935a0b934d2099ee.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/23915549b14cfd58.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ca88c4ca37434c71.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"7\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ae419023406be092.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"8\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1ac4f2ea93ccb85a.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"9\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1617ff89c081c505.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"10\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/3f075e35768c0271.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"className\":\"__variable_0d0188 __variable_4d318d\",\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\".uwu-flex { display: none; } .uwu .uwu-flex { display: flex; } .uwu .uwu-hidden { display: none; }\"}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"try { if (['', 'true', '1'].includes(new URLSearchParams(document.location.search).get('uwu'))) { document.documentElement.classList.add('uwu'); console.log('Next.js uwu logo by SAWARATSUKI: https://github.com/SAWARATSUKI'); } } catch (e) {}\"}}]],[\"$\",\"$L4\",null,{}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{\"children\":[[\"$\",\"main\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:0:1:props:style\",\"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\":\"$0:f:0:1:1:props:children:1:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$La\",null,{\"className\":\"footer_root__6F7g2\",\"wide\":true,\"children\":[\"$\",\"div\",null,{\"className\":\"geist-wrapper\",\"children\":[\"$\",\"footer\",null,{\"className\":\"footer_footer__mqdak\",\"children\":[[\"$\",\"div\",null,{\"className\":\"footer_grid__yp2LW\",\"children\":[[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"space-between\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"data-logo\":true,\"children\":[[\"$\",\"a\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"aria-label\":\"Vercel logo\",\"data-logo-link\":\"\",\"href\":\"https://vercel.com/home?utm_source=next-site\u0026utm_medium=footer\u0026utm_campaign=next-website\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"title\":\"Go to the Vercel website\",\"children\":[\"$\",\"svg\",null,{\"fill\":\"none\",\"height\":\"20\",\"viewBox\":\"0 0 283 64\",\"children\":[\"$\",\"path\",null,{\"d\":\"M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z\",\"fill\":\"var(--geist-foreground)\"}]}]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack footer_socialsDesktop__XZ__G\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"12px\"},\"children\":[[\"$\",\"a\",null,{\"aria-label\":\"GitHub\",\"href\":\"https://github.com/vercel/next.js\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"$b\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}],[\"$\",\"hr\",null,{}],[\"$\",\"a\",null,{\"aria-label\":\"Twitter\",\"href\":\"https://twitter.com/nextjs\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M0.5 0.5H5.75L9.48421 5.71053L14 0.5H16L10.3895 6.97368L16.5 15.5H11.25L7.51579 10.2895L3 15.5H1L6.61053 9.02632L0.5 0.5ZM12.0204 14L3.42043 2H4.97957L13.5796 14H12.0204Z\\\" fill=\\\"currentColor\\\" /\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}],[\"$\",\"hr\",null,{}],[\"$\",\"a\",null,{\"aria-label\":\"Bluesky\",\"href\":\"https://bsky.app/profile/nextjs.org\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill=\\\"#1185FE\\\" d=\\\"M3.47 1.95A19 19 0 0 1 8 7.62c.73-1.5 2.7-4.3 4.53-5.67C13.86.95 16 .19 16 2.63c0 .5-.28 4.1-.44 4.7-.58 2.03-2.66 2.55-4.5 2.24 3.23.55 4.05 2.38 2.27 4.2-3.37 3.46-4.85-.87-5.23-1.98q-.1-.32-.1-.22 0-.1-.1.22c-.38 1.11-1.86 5.44-5.23 1.98-1.78-1.82-.96-3.65 2.28-4.2C3.1 9.89 1 9.37.45 7.32A48 48 0 0 1 0 2.63C0 .2 2.15.96 3.47 1.95\\\" /\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"children\":\"Resources\"}],[\"$\",\"a\",null,{\"href\":\"/docs\",\"children\":\"Docs\"}],[\"$\",\"$Lc\",null,{\"href\":\"/support-policy\",\"prefetch\":false,\"children\":\"Support Policy\"}],[\"$\",\"$Lc\",null,{\"href\":\"/learn\",\"prefetch\":false,\"children\":\"Learn\"}],[\"$\",\"$Lc\",null,{\"href\":\"/showcase\",\"prefetch\":false,\"children\":\"Showcase\"}],[\"$\",\"$Lc\",null,{\"href\":\"/blog\",\"prefetch\":false,\"children\":\"Blog\"}],[\"$\",\"$Lc\",null,{\"href\":\"/team\",\"prefetch\":false,\"children\":\"Team\"}],[\"$\",\"$d\",null,{\"fallback\":null,\"children\":[\"$\",\"$Le\",null,{\"path\":\"/analytics\",\"children\":\"Analytics\"}]}],[\"$\",\"$Lc\",null,{\"href\":\"/conf\",\"prefetch\":false,\"children\":\"Next.js Conf\"}],[\"$\",\"$d\",null,{\"fallback\":null,\"children\":[\"$\",\"$Le\",null,{\"path\":\"/products/previews\",\"children\":\"Previews\"}]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"children\":\"More\"}],[\"$\",\"$d\",null,{\"fallback\":null,\"children\":[\"$\",\"$Le\",null,{\"path\":\"/templates/next.js/nextjs-commerce\",\"children\":\"Next.js Commerce\"}]}],[\"$\",\"$d\",null,{\"fallback\":null,\"children\":[\"$\",\"$Le\",null,{\"path\":\"/contact/sales\",\"children\":\"Contact Sales\"}]}],[\"$\",\"a\",null,{\"href\":\"https://community.vercel.com\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"Community\"}],[\"$\",\"a\",null,{\"href\":\"https://github.com/vercel/next.js\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"GitHub\"}],[\"$\",\"a\",null,{\"href\":\"https://github.com/vercel/next.js/releases\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"Releases\"}],[\"$\",\"$Lc\",null,{\"href\":\"/telemetry\",\"prefetch\":false,\"children\":\"Telemetry\"}],[\"$\",\"$Lc\",null,{\"href\":\"/governance\",\"prefetch\":false,\"children\":\"Governance\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"children\":\"About Vercel\"}],[\"$\",\"$d\",null,{\"fallback\":null,\"children\":[\"$\",\"$Le\",null,{\"path\":\"/solutions/nextjs\",\"children\":\"Next.js + Vercel\"}]}],[\"$\",\"$d\",null,{\"fallback\":null,\"children\":[\"$\",\"$Le\",null,{\"path\":\"/oss\",\"children\":\"Open Source Software\"}]}],[\"$\",\"a\",null,{\"href\":\"https://github.com/vercel\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"GitHub\"}],[\"$\",\"a\",null,{\"href\":\"https://bsky.app/profile/vercel.com\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"Bluesky\"}],[\"$\",\"a\",null,{\"href\":\"https://twitter.com/vercel\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"X\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"children\":\"Legal\"}],[\"$\",\"a\",null,{\"href\":\"https://vercel.com/legal/privacy-policy\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":\"Privacy Policy\"}],[\"$\",\"button\",null,{\"id\":\"fides-modal-link\",\"type\":\"button\",\"children\":\"Cookie Preferences\"}]]}],[\"$\",\"$Lf\",null,{}]]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack footer_copyright__z9dsS\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"space-between\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"16px\"},\"children\":[[\"$\",\"p\",null,{\"children\":[\"漏 \",\"2025\",\" Vercel, Inc.\"]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack footer_socials__VfDh3\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"12px\"},\"children\":[[\"$\",\"a\",null,{\"aria-label\":\"GitHub\",\"href\":\"https://github.com/vercel/next.js\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}],[\"$\",\"hr\",null,{}],[\"$\",\"a\",null,{\"aria-label\":\"Twitter\",\"href\":\"https://x.com/nextjs\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M0.5 0.5H5.75L9.48421 5.71053L14 0.5H16L10.3895 6.97368L16.5 15.5H11.25L7.51579 10.2895L3 15.5H1L6.61053 9.02632L0.5 0.5ZM12.0204 14L3.42043 2H4.97957L13.5796 14H12.0204Z\\\" fill=\\\"currentColor\\\" /\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}],[\"$\",\"hr\",null,{}],[\"$\",\"a\",null,{\"aria-label\":\"Bluesky\",\"href\":\"https://bsky.app/profile/nextjs.org\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill=\\\"#1185FE\\\" d=\\\"M3.47 1.95A19 19 0 0 1 8 7.62c.73-1.5 2.7-4.3 4.53-5.67C13.86.95 16 .19 16 2.63c0 .5-.28 4.1-.44 4.7-.58 2.03-2.66 2.55-4.5 2.24 3.23.55 4.05 2.38 2.27 4.2-3.37 3.46-4.85-.87-5.23-1.98q-.1-.32-.1-.22 0-.1-.1.22c-.38 1.11-1.86 5.44-5.23 1.98-1.78-1.82-.96-3.65 2.28-4.2C3.1 9.89 1 9.37.45 7.32A48 48 0 0 1 0 2.63C0 .2 2.15.96 3.47 1.95\\\" /\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}]]}]]}],[\"$\",\"$d\",null,{\"fallback\":null,\"children\":[\"$\",\"$L11\",null,{}]}]]}]]}]}]}]}],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$L12\",null,{}]}],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$L13\",null,{}]}]]}]]}],[\"$\",\"$L14\",null,{}],null]}]]}]]}],{\"children\":[\"learn\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"div\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"div\",null,{\"className\":\"relative flex w-full flex-col items-center overflow-hidden py-12 md:py-32\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center px-4\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"mb-4 max-w-[80%] text-center text-4xl font-semibold md:mb-8 md:max-w-[100%] md:text-6xl\",\"children\":\"Start building with Next.js\"}],[\"$\",\"div\",null,{\"className\":\"max-w-xl text-center text-gray-900 md:mb-16\",\"children\":\"Go from beginner to expert by learning the foundations of Next.js and building a fully functional demo website that uses all the latest features.\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative flex h-full w-full flex-col items-center justify-center px-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute bottom-[100px] left-1/2 h-[640px] w-[1744px] -translate-x-1/2 md:bottom-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"block h-full dark:hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"block h-full bg-[linear-gradient(to_bottom,_#fff_10%,_#D6DBDC_20%,_#6AB2F4_40%,_#6ADDF4_80%)] opacity-30 md:hidden\"}],[\"$\",\"svg\",null,{\"className\":\"hidden blur-2xl md:block\",\"fill\":\"none\",\"height\":\"100%\",\"viewBox\":\"0 0 1744 640\",\"width\":\"100%\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"g\",null,{\"opacity\":\"0.25\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"872\",\"cy\":\"330\",\"fill\":\"#D6DBDC\",\"rx\":\"792\",\"ry\":\"230\"}]}],[\"$\",\"g\",null,{\"opacity\":\"0.2\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"464\",\"cy\":\"411.5\",\"fill\":\"#6ADDF4\",\"rx\":\"256\",\"ry\":\"129.5\"}]}],[\"$\",\"g\",null,{\"opacity\":\"0.2\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"592\",\"cy\":\"364.5\",\"fill\":\"#6AB2F4\",\"rx\":\"128\",\"ry\":\"176.5\"}]}],[\"$\",\"g\",null,{\"opacity\":\"0.2\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"1162\",\"cy\":\"396.5\",\"fill\":\"#6ADDF4\",\"rx\":\"256\",\"ry\":\"129.5\"}]}],[\"$\",\"g\",null,{\"opacity\":\"0.2\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"1162\",\"cy\":\"256.5\",\"fill\":\"#6AB2F4\",\"rx\":\"128\",\"ry\":\"176.5\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"hidden h-full dark:block\",\"children\":[[\"$\",\"div\",null,{\"className\":\"block h-full bg-[linear-gradient(to_bottom,_#000_10%,_#566163_20%,_#6AB2F4_40%,_#6ADDF4_80%)] opacity-30 md:hidden\"}],[\"$\",\"svg\",null,{\"className\":\"hidden blur-2xl md:block\",\"fill\":\"none\",\"height\":\"100%\",\"viewBox\":\"0 0 1744 640\",\"width\":\"100%\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"g\",null,{\"opacity\":\"0.25\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"872\",\"cy\":\"330\",\"fill\":\"#566163\",\"rx\":\"792\",\"ry\":\"230\"}]}],[\"$\",\"g\",null,{\"opacity\":\"0.2\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"464\",\"cy\":\"411.5\",\"fill\":\"#6ADDF4\",\"rx\":\"256\",\"ry\":\"129.5\"}]}],[\"$\",\"g\",null,{\"opacity\":\"0.2\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"592\",\"cy\":\"364.5\",\"fill\":\"#6AB2F4\",\"rx\":\"128\",\"ry\":\"176.5\"}]}],[\"$\",\"g\",null,{\"opacity\":\"0.2\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"1162\",\"cy\":\"396.5\",\"fill\":\"#6ADDF4\",\"rx\":\"256\",\"ry\":\"129.5\"}]}],[\"$\",\"g\",null,{\"opacity\":\"0.2\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"1162\",\"cy\":\"256.5\",\"fill\":\"#6AB2F4\",\"rx\":\"128\",\"ry\":\"176.5\"}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"bg-vercel-100 absolute left-0 right-0 top-[57%] h-[350px] md:top-[62.7%] md:h-[300px] dark:bg-black\"}],[\"$\",\"div\",null,{\"className\":\"relative flex w-full flex-col items-center pt-20 md:pt-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 relative flex w-full flex-col items-center rounded-[12px] bg-white p-4 shadow-md lg:w-[713px]\",\"children\":[[[\"$\",\"svg\",null,{\"className\":\"absolute top-0 hero_linesLight__3FoBD\",\"fill\":\"none\",\"height\":\"215\",\"viewBox\":\"0 0 460 215\",\"width\":\"460\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M0 30H460\",\"opacity\":\"0.12\",\"stroke\":\"url(#paint0_linear_24_5808)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M58 154H402\",\"opacity\":\"0.12\",\"stroke\":\"url(#paint1_linear_24_5808)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M138.5 215L138.5 -2.38419e-06\",\"opacity\":\"0.12\",\"stroke\":\"url(#paint2_linear_24_5808)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M150 30C150 27.6266 149.296 25.3065 147.978 23.3332C146.659 21.3598 144.785 19.8217 142.592 18.9134C140.399 18.0052 137.987 17.7676 135.659 18.2306C133.331 18.6936 131.193 19.8365 129.515 21.5147C127.836 23.1929 126.694 25.3311 126.231 27.6589C125.768 29.9867 126.005 32.3995 126.913 34.5922C127.822 36.7849 129.36 38.6591 131.333 39.9776C133.307 41.2962 135.627 42 138 42\",\"opacity\":\"0.12\",\"stroke\":\"url(#paint3_angular_24_5808)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M230.5 186L230.5 18\",\"opacity\":\"0.12\",\"stroke\":\"url(#paint4_linear_24_5808)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M322.5 215L322.5 -3.45707e-06\",\"opacity\":\"0.12\",\"stroke\":\"url(#paint5_linear_24_5808)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M310 154C310 156.373 310.704 158.693 312.022 160.667C313.341 162.64 315.215 164.178 317.408 165.087C319.601 165.995 322.013 166.232 324.341 165.769C326.669 165.306 328.807 164.164 330.485 162.485C332.164 160.807 333.306 158.669 333.769 156.341C334.232 154.013 333.995 151.601 333.087 149.408C332.178 147.215 330.64 145.341 328.667 144.022C326.693 142.704 324.373 142 322 142\",\"opacity\":\"0.12\",\"stroke\":\"url(#paint6_angular_24_5808)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint0_linear_24_5808\",\"x1\":\"0\",\"x2\":\"460\",\"y1\":\"30\",\"y2\":\"30\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.115\"}],[\"$\",\"stop\",null,{\"offset\":\"0.893678\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint1_linear_24_5808\",\"x1\":\"58\",\"x2\":\"402\",\"y1\":\"154\",\"y2\":\"154\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.115\"}],[\"$\",\"stop\",null,{\"offset\":\"0.893678\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint2_linear_24_5808\",\"x1\":\"138.5\",\"x2\":\"138.5\",\"y1\":\"215\",\"y2\":\"-1.2815e-05\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.333333\"}],[\"$\",\"stop\",null,{\"offset\":\"0.666667\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"radialGradient\",null,{\"cx\":\"0\",\"cy\":\"0\",\"gradientTransform\":\"translate(138 30) rotate(90) scale(12)\",\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint3_angular_24_5808\",\"r\":\"1\",\"children\":[[\"$\",\"stop\",null,{}],[\"$\",\"stop\",null,{\"offset\":\"0.5\",\"stopOpacity\":\"0.34\"}],[\"$\",\"stop\",null,{\"offset\":\"1\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint4_linear_24_5808\",\"x1\":\"230.5\",\"x2\":\"230.5\",\"y1\":\"186\",\"y2\":\"18\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.333333\"}],[\"$\",\"stop\",null,{\"offset\":\"0.666667\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint5_linear_24_5808\",\"x1\":\"322.5\",\"x2\":\"322.5\",\"y1\":\"215\",\"y2\":\"-1.2815e-05\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.333333\"}],[\"$\",\"stop\",null,{\"offset\":\"0.666667\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"radialGradient\",null,{\"cx\":\"0\",\"cy\":\"0\",\"gradientTransform\":\"translate(322 154) rotate(-90) scale(12)\",\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint6_angular_24_5808\",\"r\":\"1\",\"children\":[[\"$\",\"stop\",null,{}],[\"$\",\"stop\",null,{\"offset\":\"0.5\",\"stopOpacity\":\"0.34\"}],[\"$\",\"stop\",null,{\"offset\":\"1\"}]]}]]}]]}],[\"$\",\"svg\",null,{\"className\":\"absolute top-0 hero_linesDark__MRidu\",\"fill\":\"none\",\"height\":\"215\",\"viewBox\":\"0 0 460 215\",\"width\":\"460\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M0 30H460\",\"opacity\":\"0.24\",\"stroke\":\"url(#paint0_linear_166_1526)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M58 154H402\",\"opacity\":\"0.24\",\"stroke\":\"url(#paint1_linear_166_1526)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M138.5 215L138.5 -2.38419e-06\",\"opacity\":\"0.24\",\"stroke\":\"url(#paint2_linear_166_1526)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M150 30C150 27.6266 149.296 25.3065 147.978 23.3332C146.659 21.3598 144.785 19.8217 142.592 18.9134C140.399 18.0052 137.987 17.7676 135.659 18.2306C133.331 18.6936 131.193 19.8365 129.515 21.5147C127.836 23.1929 126.694 25.3311 126.231 27.6589C125.768 29.9867 126.005 32.3995 126.913 34.5922C127.822 36.7849 129.36 38.6591 131.333 39.9776C133.307 41.2962 135.627 42 138 42\",\"opacity\":\"0.36\",\"stroke\":\"url(#paint3_angular_166_1526)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M230.5 186L230.5 18\",\"opacity\":\"0.24\",\"stroke\":\"url(#paint4_linear_166_1526)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M322.5 215L322.5 -3.45707e-06\",\"opacity\":\"0.24\",\"stroke\":\"url(#paint5_linear_166_1526)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"d\":\"M310 154C310 156.373 310.704 158.693 312.022 160.667C313.341 162.64 315.215 164.178 317.408 165.087C319.601 165.995 322.013 166.232 324.341 165.769C326.669 165.306 328.807 164.164 330.485 162.485C332.164 160.807 333.306 158.669 333.769 156.341C334.232 154.013 333.995 151.601 333.087 149.408C332.178 147.215 330.64 145.341 328.667 144.022C326.693 142.704 324.373 142 322 142\",\"opacity\":\"0.36\",\"stroke\":\"url(#paint6_angular_166_1526)\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint0_linear_166_1526\",\"x1\":\"0\",\"x2\":\"460\",\"y1\":\"30\",\"y2\":\"30\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\",\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.115\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"0.893678\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint1_linear_166_1526\",\"x1\":\"58\",\"x2\":\"402\",\"y1\":\"154\",\"y2\":\"154\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\",\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.115\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"0.893678\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint2_linear_166_1526\",\"x1\":\"138.5\",\"x2\":\"138.5\",\"y1\":\"215\",\"y2\":\"-1.2815e-05\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\",\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.333333\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"0.666667\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"radialGradient\",null,{\"cx\":\"0\",\"cy\":\"0\",\"gradientTransform\":\"translate(138 30) rotate(90) scale(12)\",\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint3_angular_166_1526\",\"r\":\"1\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"0.5\",\"stopColor\":\"white\",\"stopOpacity\":\"0.34\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint4_linear_166_1526\",\"x1\":\"230.5\",\"x2\":\"230.5\",\"y1\":\"186\",\"y2\":\"18\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\",\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.333333\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"0.666667\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint5_linear_166_1526\",\"x1\":\"322.5\",\"x2\":\"322.5\",\"y1\":\"215\",\"y2\":\"-1.2815e-05\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\",\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.333333\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"0.666667\",\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"radialGradient\",null,{\"cx\":\"0\",\"cy\":\"0\",\"gradientTransform\":\"translate(322 154) rotate(-90) scale(12)\",\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint6_angular_166_1526\",\"r\":\"1\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"0.5\",\"stopColor\":\"white\",\"stopOpacity\":\"0.34\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\"}]]}]]}]]}]],[\"$\",\"div\",null,{\"className\":\"relative -mt-[56px] flex w-full justify-center md:-mt-14\",\"children\":[\"$\",\"$L15\",null,{\"chapters\":[{\"title\":\"Introduction\",\"description\":\"Learn how to build a full-stack web application with the free, Next.js Foundations course.\",\"number\":0,\"href\":\"/learn/dashboard-app\",\"path\":\"dashboard-app\",\"active\":false},{\"title\":\"Getting Started\",\"description\":\"Create a new Next.js application using the dashboard starter example and explore the project.\",\"number\":1,\"href\":\"/learn/dashboard-app/getting-started\",\"path\":\"dashboard-app/getting-started\",\"active\":false},{\"title\":\"CSS Styling\",\"description\":\"Style your Next.js application with Tailwind and CSS modules.\",\"number\":2,\"href\":\"/learn/dashboard-app/css-styling\",\"path\":\"dashboard-app/css-styling\",\"active\":false},{\"title\":\"Optimizing Fonts and Images\",\"description\":\"Optimize fonts and images with the Next.js built-in components.\",\"number\":3,\"href\":\"/learn/dashboard-app/optimizing-fonts-images\",\"path\":\"dashboard-app/optimizing-fonts-images\",\"active\":false},{\"title\":\"Creating Layouts and Pages\",\"description\":\"Create the dashboard routes and a shared layout that can be shared between multiple pages.\",\"number\":4,\"href\":\"/learn/dashboard-app/creating-layouts-and-pages\",\"path\":\"dashboard-app/creating-layouts-and-pages\",\"active\":false},{\"title\":\"Navigating Between Pages\",\"description\":\"Learn how to use the \u003cLink\u003e component to navigate between pages.\",\"number\":5,\"href\":\"/learn/dashboard-app/navigating-between-pages\",\"path\":\"dashboard-app/navigating-between-pages\",\"active\":false},{\"title\":\"Setting Up Your Database\",\"description\":\"Setup a database for your application and seed it with initial data.\",\"number\":6,\"href\":\"/learn/dashboard-app/setting-up-your-database\",\"path\":\"dashboard-app/setting-up-your-database\",\"active\":false},{\"title\":\"Fetching Data\",\"description\":\"Learn about the different ways to fetch data in Next.js, and fetch data for your dashboard page using Server Components.\",\"number\":7,\"href\":\"/learn/dashboard-app/fetching-data\",\"path\":\"dashboard-app/fetching-data\",\"active\":false},{\"title\":\"Static and Dynamic Rendering\",\"description\":\"Understand how rendering works in Next.js, and make your dashboard app dynamic.\",\"number\":8,\"href\":\"/learn/dashboard-app/static-and-dynamic-rendering\",\"path\":\"dashboard-app/static-and-dynamic-rendering\",\"active\":false},{\"title\":\"Streaming\",\"description\":\"Improve your application's loading experience with streaming and loading skeletons.\",\"number\":9,\"href\":\"/learn/dashboard-app/streaming\",\"path\":\"dashboard-app/streaming\",\"active\":false},{\"title\":\"Partial Prerendering\",\"description\":\"An early look into Partial Prerendering and how it works.\",\"number\":10,\"href\":\"/learn/dashboard-app/partial-prerendering\",\"path\":\"dashboard-app/partial-prerendering\",\"active\":false},{\"title\":\"Adding Search and Pagination\",\"description\":\"Add search and pagination to your dashboard application using Next.js APIs.\",\"number\":11,\"href\":\"/learn/dashboard-app/adding-search-and-pagination\",\"path\":\"dashboard-app/adding-search-and-pagination\",\"active\":false},{\"title\":\"Mutating Data\",\"description\":\"Mutate data using React Server Actions, and revalidate the Next.js cache.\",\"number\":12,\"href\":\"/learn/dashboard-app/mutating-data\",\"path\":\"dashboard-app/mutating-data\",\"active\":false},{\"title\":\"Handling Errors\",\"description\":\"Handle errors gracefully with error.tsx and notFound.\",\"number\":13,\"href\":\"/learn/dashboard-app/error-handling\",\"path\":\"dashboard-app/error-handling\",\"active\":false},{\"title\":\"Improving Accessibility\",\"description\":\"Implement server-side form validation and improve accessibility in your forms.\",\"number\":14,\"href\":\"/learn/dashboard-app/improving-accessibility\",\"path\":\"dashboard-app/improving-accessibility\",\"active\":false},{\"title\":\"Adding Authentication\",\"description\":\"Add authentication to protect your dashboard routes using NextAuth.js, Server Actions, and Middleware.\",\"number\":15,\"href\":\"/learn/dashboard-app/adding-authentication\",\"path\":\"dashboard-app/adding-authentication\",\"active\":false},{\"title\":\"Adding Metadata\",\"description\":\"Learn how to add metadata to your Next.js application.\",\"number\":16,\"href\":\"/learn/dashboard-app/adding-metadata\",\"path\":\"dashboard-app/adding-metadata\",\"active\":false},{\"title\":\"Next Steps\",\"description\":\"Next.js Dashboard Course Conclusion\",\"number\":17,\"href\":\"/learn/dashboard-app/next-steps\",\"path\":\"dashboard-app/next-steps\",\"active\":false}]}]}],[\"$\",\"div\",null,{\"className\":\"relative mt-6 flex w-full max-w-full flex-col items-center justify-center space-y-4 pb-0 md:space-y-6 md:pb-4 lg:pt-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex max-w-full flex-col items-center justify-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK pb-2\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--xs-text-size\":\"1.25rem\",\"--xs-text-line-height\":\"1.5rem\",\"--xs-text-weight\":600,\"--xs-text-letter-spacing\":\"-0.020625rem\",\"--sm-text-size\":\"1.25rem\",\"--sm-text-line-height\":\"1.5rem\",\"--sm-text-weight\":600,\"--sm-text-letter-spacing\":\"-0.020625rem\",\"--smd-text-size\":\"1.5rem\",\"--smd-text-line-height\":\"2rem\",\"--smd-text-weight\":600,\"--smd-text-letter-spacing\":\"-0.029375rem\",\"--md-text-size\":\"1.5rem\",\"--md-text-line-height\":\"2rem\",\"--md-text-weight\":600,\"--md-text-letter-spacing\":\"-0.029375rem\",\"--lg-text-size\":\"1.5rem\",\"--lg-text-line-height\":\"2rem\",\"--lg-text-weight\":600,\"--lg-text-letter-spacing\":\"-0.029375rem\"},\"children\":\"Learn Next.js\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-[80%] text-center md:w-auto md:text-left\",\"children\":[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-900)\",\"--text-size\":\"1rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"initial\",\"--text-weight\":\"400\"},\"children\":\"16 chapters that take you from React to Next.js.\"}]}],[\"$\",\"$L16\",null,{\"chapters\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:1:props:children:2:props:children:props:children:1:props:children:props:chapters\"}]]}],[\"$\",\"div\",null,{\"className\":\"h-px w-full bg-gray-100\"}],[\"$\",\"div\",null,{\"className\":\"w-[100%] md:w-[213px]\",\"children\":[\"$\",\"$L17\",null,{\"chapters\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:1:props:children:2:props:children:props:children:1:props:children:props:chapters\"}]}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"z-30 flex w-full flex-col gap-6 justify-center pt-4 md:pt-8 lg:w-[713px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 flex w-full flex-col items-center justify-between rounded-[12px] bg-white p-4 text-sm shadow-lg md:flex-row md:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-center md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex flex-shrink-0 h-[60px] w-[52px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-full shrink-0 bg-gradient-to-r from-[#2e2e2e] via-[#3e3e3e] to-[#2e2e2e] w-2 rounded-l-[4px]\"}],[\"$\",\"div\",null,{\"className\":\"flex h-full w-full items-center justify-center rounded-r-[2px] bg-gradient-to-br from-gray-900 to-[#2c2f30]\",\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-full bg-black/50 aspect-square flex items-center justify-center [box-shadow:0_0.5_rgba(255,255,255,0.15)] text-gray-700 size-[28px] p-1.5\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"$18\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2 text-center md:ml-6 md:mt-0 md:space-y-0 md:text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK mb-2 font-medium md:mb-0\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"initial\",\"--text-weight\":500},\"children\":\"React Foundations\"}],[\"$\",\"div\",null,{\"className\":\"mb-4 mt-2 md:mb-0\",\"children\":[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-900)\",\"--text-size\":\"0.875rem\",\"--text-line-height\":\"1.25rem\",\"--text-letter-spacing\":\"initial\",\"--text-weight\":\"400\"},\"children\":\"New to React? Learn the foundational concepts to help you go from JavaScript to React.\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"$L19\",null,{\"href\":\"/learn/react-foundations\",\"suffix\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M9.53033 2.21968L9 1.68935L7.93934 2.75001L8.46967 3.28034L12.4393 7.25001H1.75H1V8.75001H1.75H12.4393L8.46967 12.7197L7.93934 13.25L9 14.3107L9.53033 13.7803L14.6036 8.70711C14.9941 8.31659 14.9941 7.68342 14.6036 7.2929L9.53033 2.21968Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}],\"type\":\"secondary\",\"width\":\"100%\",\"children\":\"Start\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 flex w-full flex-col items-center justify-between rounded-[12px] bg-white p-4 text-sm shadow-lg md:flex-row md:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-center md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex flex-shrink-0 h-[60px] w-[52px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-full shrink-0 bg-gradient-to-r from-[#2e2e2e] via-[#3e3e3e] to-[#2e2e2e] w-2 rounded-l-[4px]\"}],[\"$\",\"div\",null,{\"className\":\"flex h-full w-full items-center justify-center rounded-r-[2px] bg-gradient-to-br from-gray-900 to-[#2c2f30]\",\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-full bg-black/50 aspect-square flex items-center justify-center [box-shadow:0_0.5_rgba(255,255,255,0.15)] text-gray-700 size-[28px] p-1.5\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M14.5 6.5V13.5C14.5 14.8807 13.3807 16 12 16H4C2.61929 16 1.5 14.8807 1.5 13.5V1.5V0H3H8H9.08579C9.351 0 9.60536 0.105357 9.79289 0.292893L14.2071 4.70711C14.3946 4.89464 14.5 5.149 14.5 5.41421V6.5ZM13 6.5V13.5C13 14.0523 12.5523 14.5 12 14.5H4C3.44772 14.5 3 14.0523 3 13.5V1.5H8V5V6.5H9.5H13ZM9.5 2.12132V5H12.3787L9.5 2.12132Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":13,\"height\":13,\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2 text-center md:ml-6 md:mt-0 md:space-y-0 md:text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK mb-2 font-medium md:mb-0\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"initial\",\"--text-weight\":500},\"children\":\"Next.js Pages Router\"}],[\"$\",\"div\",null,{\"className\":\"mb-4 mt-2 md:mb-0\",\"children\":[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-900)\",\"--text-size\":\"0.875rem\",\"--text-line-height\":\"1.25rem\",\"--text-letter-spacing\":\"initial\",\"--text-weight\":\"400\"},\"children\":\"Learn how to build a static blog with the Pages Router.\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"$L19\",null,{\"href\":\"/learn/pages-router\",\"suffix\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M9.53033 2.21968L9 1.68935L7.93934 2.75001L8.46967 3.28034L12.4393 7.25001H1.75H1V8.75001H1.75H12.4393L8.46967 12.7197L7.93934 13.25L9 14.3107L9.53033 13.7803L14.6036 8.70711C14.9941 8.31659 14.9941 7.68342 14.6036 7.2929L9.53033 2.21968Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}],\"type\":\"secondary\",\"width\":\"100%\",\"children\":\"Start\"}]}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"pb-8 md:pb-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-center md:flex-row md:items-baseline md:text-left\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--xs-text-size\":\"1.5rem\",\"--xs-text-line-height\":\"2rem\",\"--xs-text-weight\":\"600\",\"--xs-text-letter-spacing\":\"-0.029375rem\",\"--sm-text-size\":\"1.5rem\",\"--sm-text-line-height\":\"2rem\",\"--sm-text-weight\":\"600\",\"--sm-text-letter-spacing\":\"-0.029375rem\",\"--smd-text-size\":\"2rem\",\"--smd-text-line-height\":\"2.5rem\",\"--smd-text-weight\":\"600\",\"--smd-text-letter-spacing\":\"-0.049375rem\",\"--md-text-size\":\"2rem\",\"--md-text-line-height\":\"2.5rem\",\"--md-text-weight\":\"600\",\"--md-text-letter-spacing\":\"-0.049375rem\",\"--lg-text-size\":\"2rem\",\"--lg-text-line-height\":\"2.5rem\",\"--lg-text-weight\":\"600\",\"--lg-text-letter-spacing\":\"-0.049375rem\"},\"children\":\"How does the course work?\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto my-1 w-[70%] text-gray-900 md:mx-0 md:my-0 md:ml-4 md:w-auto md:text-xl\",\"children\":\"By building a full web application. Step by step.\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative mx-auto mb-4 w-full max-w-7xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden w-full lg:block\",\"children\":[\"$\",\"svg\",null,{\"fill\":\"none\",\"height\":\"100%\",\"viewBox\":\"0 0 1360 524\",\"width\":\"100%\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"className\":\"text-black dark:text-white\",\"d\":\"M0 68L1360 68.0001\",\"opacity\":\"0.15\",\"stroke\":\"currentColor\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"className\":\"text-black dark:text-white\",\"d\":\"M784 524L784 -3.8147e-06\",\"opacity\":\"0.15\",\"stroke\":\"currentColor\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"className\":\"text-black dark:text-white\",\"d\":\"M1296 524L1296 -3.8147e-06\",\"opacity\":\"0.15\",\"stroke\":\"currentColor\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"className\":\"text-black dark:text-white\",\"d\":\"M0 455H1360\",\"opacity\":\"0.15\",\"stroke\":\"currentColor\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"path\",null,{\"className\":\"text-black dark:text-white\",\"d\":\"M65 524L65 -3.8147e-06\",\"opacity\":\"0.15\",\"stroke\":\"currentColor\",\"strokeDasharray\":\"2 2\"}],[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint0_linear_24_5768\",\"x1\":\"0\",\"x2\":\"1360\",\"y1\":\"68\",\"y2\":\"68.0001\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.115\"}],[\"$\",\"stop\",null,{\"offset\":\"0.893678\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint1_linear_24_5768\",\"x1\":\"784\",\"x2\":\"784\",\"y1\":\"524\",\"y2\":\"-3.12326e-05\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.177083\"}],[\"$\",\"stop\",null,{\"offset\":\"0.828125\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint2_linear_24_5768\",\"x1\":\"1296\",\"x2\":\"1296\",\"y1\":\"524\",\"y2\":\"-3.12326e-05\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.177083\"}],[\"$\",\"stop\",null,{\"offset\":\"0.828125\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint3_linear_24_5768\",\"x1\":\"0\",\"x2\":\"1360\",\"y1\":\"455\",\"y2\":\"455\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.115\"}],[\"$\",\"stop\",null,{\"offset\":\"0.893678\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}],[\"$\",\"linearGradient\",null,{\"gradientUnits\":\"userSpaceOnUse\",\"id\":\"paint4_linear_24_5768\",\"x1\":\"65\",\"x2\":\"64.9999\",\"y1\":\"524\",\"y2\":\"-3.12328e-05\",\"children\":[[\"$\",\"stop\",null,{\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.177083\"}],[\"$\",\"stop\",null,{\"offset\":\"0.828125\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopOpacity\":\"0\"}]]}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"inset-0 flex flex-col items-center justify-center lg:absolute lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex w-full items-center justify-center lg:ml-2 lg:w-[53%]\",\"children\":[[\"$\",\"$L1a\",null,{\"alt\":\"Course explainer\",\"className\":\"hidden md:block\",\"height\":408,\"src\":\"/learn/course-explainer.png\",\"width\":689}],[\"$\",\"$L1a\",null,{\"alt\":\"Course explainer\",\"className\":\"block md:hidden\",\"height\":408,\"src\":\"/learn/course-explainer-small.png\",\"width\":689}]]}],[\"$\",\"div\",null,{\"className\":\"flex w-full items-center justify-center lg:w-[38%]\",\"children\":[\"$\",\"div\",null,{\"className\":\"mb-8 flex w-full flex-col space-y-8 px-4 lg:mb-0 lg:space-y-6\",\"children\":[[\"$\",\"div\",\"Set up your local environment and initializing the \\\"ACME\\\" Next.js project template.\",{\"className\":\"flex flex-col items-center leading-6 lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-3 flex h-10 w-10 flex-none items-center justify-center rounded-full bg-blue-300 text-blue-900 md:mb-4 lg:mb-0 lg:mr-4\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1b\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}],[\"$\",\"div\",null,{\"className\":\"text-center lg:text-left\",\"children\":[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--xs-text-size\":\"0.875rem\",\"--xs-text-line-height\":\"1.25rem\",\"--xs-text-weight\":\"400\",\"--xs-text-letter-spacing\":\"initial\",\"--sm-text-size\":\"0.875rem\",\"--sm-text-line-height\":\"1.25rem\",\"--sm-text-weight\":\"400\",\"--sm-text-letter-spacing\":\"initial\",\"--smd-text-size\":\"1rem\",\"--smd-text-line-height\":\"1.5rem\",\"--smd-text-weight\":\"400\",\"--smd-text-letter-spacing\":\"initial\",\"--md-text-size\":\"1rem\",\"--md-text-line-height\":\"1.5rem\",\"--md-text-weight\":\"400\",\"--md-text-letter-spacing\":\"initial\",\"--lg-text-size\":\"1rem\",\"--lg-text-line-height\":\"1.5rem\",\"--lg-text-weight\":\"400\",\"--lg-text-letter-spacing\":\"initial\"},\"children\":\"Set up your local environment and initializing the \\\"ACME\\\" Next.js project template.\"}]}]]}],[\"$\",\"div\",\"Use pre-styled components as part of each chapter that leverage Next.js conventions and patterns.\",{\"className\":\"flex flex-col items-center leading-6 lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-3 flex h-10 w-10 flex-none items-center justify-center rounded-full bg-blue-300 text-blue-900 md:mb-4 lg:mb-0 lg:mr-4\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M14.5 2.5H1.5V5.005H14.5V2.5ZM14.5 6.255H6.245V13.5H13.5C14.0523 13.5 14.5 13.0523 14.5 12.5V6.255ZM4.995 6.255H1.5V12.5C1.5 13.0523 1.94772 13.5 2.5 13.5H4.995V6.255ZM1.5 1H0V2.5V12.5C0 13.8807 1.11929 15 2.5 15H13.5C14.8807 15 16 13.8807 16 12.5V2.5V1H14.5H1.5Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}],[\"$\",\"div\",null,{\"className\":\"text-center lg:text-left\",\"children\":[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--xs-text-size\":\"0.875rem\",\"--xs-text-line-height\":\"1.25rem\",\"--xs-text-weight\":\"400\",\"--xs-text-letter-spacing\":\"initial\",\"--sm-text-size\":\"0.875rem\",\"--sm-text-line-height\":\"1.25rem\",\"--sm-text-weight\":\"400\",\"--sm-text-letter-spacing\":\"initial\",\"--smd-text-size\":\"1rem\",\"--smd-text-line-height\":\"1.5rem\",\"--smd-text-weight\":\"400\",\"--smd-text-letter-spacing\":\"initial\",\"--md-text-size\":\"1rem\",\"--md-text-line-height\":\"1.5rem\",\"--md-text-weight\":\"400\",\"--md-text-letter-spacing\":\"initial\",\"--lg-text-size\":\"1rem\",\"--lg-text-line-height\":\"1.5rem\",\"--lg-text-weight\":\"400\",\"--lg-text-letter-spacing\":\"initial\"},\"children\":\"Use pre-styled components as part of each chapter that leverage Next.js conventions and patterns.\"}]}]]}],[\"$\",\"div\",\"Hook up real application logic and data to bring a fully-fledged demo website to life.\",{\"className\":\"flex flex-col items-center leading-6 lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-3 flex h-10 w-10 flex-none items-center justify-center rounded-full bg-blue-300 text-blue-900 md:mb-4 lg:mb-0 lg:mr-4\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M10.5 4C10.5 4.82843 11.1716 5.5 12 5.5C12.8284 5.5 13.5 4.82843 13.5 4C13.5 3.17157 12.8284 2.5 12 2.5C11.1716 2.5 10.5 3.17157 10.5 4ZM9.41536 5.52397C9.15145 5.07734 9 4.55636 9 4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4C15 5.65685 13.6569 7 12 7C11.4436 7 10.9227 6.84855 10.476 6.58464L6.58464 10.476C6.84855 10.9227 7 11.4436 7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C4.55636 9 5.07734 9.15145 5.52398 9.41537L9.41536 5.52397ZM2.5 12C2.5 12.8284 3.17157 13.5 4 13.5C4.82843 13.5 5.5 12.8284 5.5 12C5.5 11.1716 4.82843 10.5 4 10.5C3.17157 10.5 2.5 11.1716 2.5 12Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}],[\"$\",\"div\",null,{\"className\":\"text-center lg:text-left\",\"children\":[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--xs-text-size\":\"0.875rem\",\"--xs-text-line-height\":\"1.25rem\",\"--xs-text-weight\":\"400\",\"--xs-text-letter-spacing\":\"initial\",\"--sm-text-size\":\"0.875rem\",\"--sm-text-line-height\":\"1.25rem\",\"--sm-text-weight\":\"400\",\"--sm-text-letter-spacing\":\"initial\",\"--smd-text-size\":\"1rem\",\"--smd-text-line-height\":\"1.5rem\",\"--smd-text-weight\":\"400\",\"--smd-text-letter-spacing\":\"initial\",\"--md-text-size\":\"1rem\",\"--md-text-line-height\":\"1.5rem\",\"--md-text-weight\":\"400\",\"--md-text-letter-spacing\":\"initial\",\"--lg-text-size\":\"1rem\",\"--lg-text-line-height\":\"1.5rem\",\"--lg-text-weight\":\"400\",\"--lg-text-letter-spacing\":\"initial\"},\"children\":\"Hook up real application logic and data to bring a fully-fledged demo website to life.\"}]}]]}],[\"$\",\"div\",\"At the end you鈥檒l have a website that鈥檚 ready to ship and the knowledge to build and deploy your own.\",{\"className\":\"flex flex-col items-center leading-6 lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-3 flex h-10 w-10 flex-none items-center justify-center rounded-full bg-blue-300 text-blue-900 md:mb-4 lg:mb-0 lg:mr-4\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M1.5 4.875C1.5 3.01104 3.01104 1.5 4.875 1.5C6.20018 1.5 7.34838 2.26364 7.901 3.37829C8.1902 3.96162 8.79547 4.5 9.60112 4.5H12.25C13.4926 4.5 14.5 5.50736 14.5 6.75C14.5 7.42688 14.202 8.03329 13.7276 8.44689L13.1622 8.93972L14.1479 10.0704L14.7133 9.57758C15.5006 8.89123 16 7.8785 16 6.75C16 4.67893 14.3211 3 12.25 3H9.60112C9.51183 3 9.35322 2.93049 9.2449 2.71201C8.44888 1.1064 6.79184 0 4.875 0C2.18261 0 0 2.18261 0 4.875V6.40385C0 7.69502 0.598275 8.84699 1.52982 9.59656L2.11415 10.0667L3.0545 8.89808L2.47018 8.42791C1.87727 7.95083 1.5 7.22166 1.5 6.40385V4.875ZM7.29289 7.39645C7.68342 7.00592 8.31658 7.00592 8.70711 7.39645L11.7803 10.4697L12.3107 11L11.25 12.0607L10.7197 11.5303L8.75 9.56066V15.25V16H7.25V15.25V9.56066L5.28033 11.5303L4.75 12.0607L3.68934 11L4.21967 10.4697L7.29289 7.39645Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}],[\"$\",\"div\",null,{\"className\":\"text-center lg:text-left\",\"children\":[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--xs-text-size\":\"0.875rem\",\"--xs-text-line-height\":\"1.25rem\",\"--xs-text-weight\":\"400\",\"--xs-text-letter-spacing\":\"initial\",\"--sm-text-size\":\"0.875rem\",\"--sm-text-line-height\":\"1.25rem\",\"--sm-text-weight\":\"400\",\"--sm-text-letter-spacing\":\"initial\",\"--smd-text-size\":\"1rem\",\"--smd-text-line-height\":\"1.5rem\",\"--smd-text-weight\":\"400\",\"--smd-text-letter-spacing\":\"initial\",\"--md-text-size\":\"1rem\",\"--md-text-line-height\":\"1.5rem\",\"--md-text-weight\":\"400\",\"--md-text-letter-spacing\":\"initial\",\"--lg-text-size\":\"1rem\",\"--lg-text-line-height\":\"1.5rem\",\"--lg-text-weight\":\"400\",\"--lg-text-letter-spacing\":\"initial\"},\"children\":\"At the end you鈥檒l have a website that鈥檚 ready to ship and the knowledge to build and deploy your own.\"}]}]]}]]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto flex flex-col items-center justify-center px-4 lg:max-w-5xl lg:flex-row lg:space-x-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 bg-vercel-200 mb-4 flex w-full flex-col items-center rounded-lg p-5 md:p-2 lg:mb-0 lg:flex-row lg:rounded-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative mb-2 flex h-12 w-12 items-center justify-center lg:mb-0 lg:mr-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0\",\"children\":[\"$\",\"svg\",null,{\"fill\":\"none\",\"height\":\"100%\",\"viewBox\":\"0 0 44 45\",\"width\":\"100%\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"className\":\"stroke text-gray-400 dark:text-gray-400\",\"d\":\"M15.5577 3.63202C11.612 4.97923 8.188 7.5295 5.76725 10.9241C3.3465 14.3187 2.05086 18.3867 2.06258 22.556\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeWidth\":\"2\"}],[\"$\",\"path\",null,{\"className\":\"stroke text-gray-500 dark:text-gray-500\",\"d\":\"M22 2.5625C25.6765 2.5625 29.2814 3.57908 32.4163 5.49986C35.5512 7.42065 38.0939 10.1708 39.7634 13.4464C41.4329 16.722 42.1641 20.3955 41.8763 24.0607C41.5885 27.726 40.2929 31.2402 38.1326 34.2151C35.9723 37.19 33.0315 39.5096 29.6352 40.9176C26.239 42.3255 22.5196 42.767 18.8881 42.1932C15.2567 41.6193 11.8546 40.0525 9.05796 37.666C6.26132 35.2795 4.17903 32.1661 3.04125 28.6701\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeWidth\":\"2\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-8 w-8 items-center justify-center rounded-full bg-black text-white dark:bg-white dark:text-black\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M11 1.5H5C4.44772 1.5 4 1.94772 4 2.5V13.4732L7.16201 11.7485C7.68434 11.4635 8.31566 11.4635 8.83799 11.7485L12 13.4732V2.5C12 1.94772 11.5523 1.5 11 1.5ZM13.5 14.2914V2.5C13.5 1.11929 12.3807 0 11 0H5C3.61929 0 2.5 1.11929 2.5 2.5V14.2914V16L4 15.1818L7.88029 13.0653C7.95491 13.0246 8.04509 13.0246 8.11971 13.0653L12 15.1818L13.5 16V14.2914Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-1 space-y-1 text-center lg:text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"0.875rem\",\"--text-line-height\":\"1.25rem\",\"--text-letter-spacing\":\"initial\",\"--text-weight\":600},\"children\":\"Your progress will be synced as you complete chapters\"}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-900)\",\"--text-size\":\"0.875rem\",\"--text-line-height\":\"1.25rem\",\"--text-letter-spacing\":\"initial\",\"--text-weight\":\"400\"},\"children\":\"Go at your own pace and pick up where you left off\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 bg-vercel-200 mb-4 flex w-full flex-col items-center rounded-lg p-5 md:p-2 lg:mb-0 lg:flex-row lg:rounded-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative mb-2 flex h-12 w-12 items-center justify-center lg:mb-0 lg:mr-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0\",\"children\":[\"$\",\"svg\",null,{\"fill\":\"none\",\"height\":\"100%\",\"viewBox\":\"0 0 44 45\",\"width\":\"100%\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"className\":\"stroke text-gray-400 dark:text-gray-400\",\"d\":\"M19.5702 2.71111C15.1785 3.25034 11.091 5.23515 7.95136 8.35292C4.81174 11.4707 2.79844 15.5443 2.22856 19.9321\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeWidth\":\"2\"}],[\"$\",\"path\",null,{\"className\":\"stroke text-gray-400 dark:text-gray-400\",\"d\":\"M24.4298 2.71111C28.8215 3.25034 32.909 5.23515 36.0486 8.35292C39.1883 11.4707 41.2016 15.5443 41.7714 19.9321\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeWidth\":\"2\"}],[\"$\",\"path\",null,{\"className\":\"stroke text-gray-400 dark:text-gray-400\",\"d\":\"M24.4298 42.2889C28.8215 41.7497 32.909 39.7649 36.0486 36.6471C39.1883 33.5293 41.2016 29.4557 41.7714 25.0679\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeWidth\":\"2\"}],[\"$\",\"path\",null,{\"className\":\"stroke text-gray-400 dark:text-gray-400\",\"d\":\"M19.5702 42.2889C15.1785 41.7497 11.091 39.7649 7.95136 36.6471C4.81174 33.5293 2.79844 29.4557 2.22856 25.0679\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeWidth\":\"2\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-8 w-8 items-center justify-center rounded-full bg-black text-white dark:bg-white dark:text-black\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM9 11C9 11.5523 8.55229 12 8 12C7.44772 12 7 11.5523 7 11C7 10.4477 7.44772 10 8 10C8.55229 10 9 10.4477 9 11ZM7.09584 5.82182C7.25716 5.48223 7.6022 5.25 7.99999 5.25C8.55227 5.25 8.99999 5.69772 8.99999 6.25C8.99999 6.75329 8.62748 7.17086 8.14337 7.23989C7.70367 7.3026 7.24999 7.67511 7.24999 8.25V8.5V9.25H8.74999V8.63535C9.76443 8.31661 10.5 7.36971 10.5 6.25C10.5 4.86929 9.3807 3.75 7.99999 3.75C7.00158 3.75 6.14136 4.3353 5.74095 5.17818L5.41913 5.85563L6.77402 6.49926L7.09584 5.82182Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-1 space-y-1 text-center lg:text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"0.875rem\",\"--text-line-height\":\"1.25rem\",\"--text-letter-spacing\":\"initial\",\"--text-weight\":600},\"children\":\"Test your knowledge during each chapter\"}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-900)\",\"--text-size\":\"0.875rem\",\"--text-line-height\":\"1.25rem\",\"--text-letter-spacing\":\"initial\",\"--text-weight\":\"400\"},\"children\":\"Take quick quizzes to see what you鈥檝e learned\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl px-4 pb-10 md:pb-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-4 flex flex-col justify-center text-center md:mb-8 md:flex-row md:items-baseline md:justify-center md:text-left\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--xs-text-size\":\"1.5rem\",\"--xs-text-line-height\":\"2rem\",\"--xs-text-weight\":\"600\",\"--xs-text-letter-spacing\":\"-0.029375rem\",\"--sm-text-size\":\"1.5rem\",\"--sm-text-line-height\":\"2rem\",\"--sm-text-weight\":\"600\",\"--sm-text-letter-spacing\":\"-0.029375rem\",\"--smd-text-size\":\"2rem\",\"--smd-text-line-height\":\"2.5rem\",\"--smd-text-weight\":\"600\",\"--smd-text-letter-spacing\":\"-0.049375rem\",\"--md-text-size\":\"2rem\",\"--md-text-line-height\":\"2.5rem\",\"--md-text-weight\":\"600\",\"--md-text-letter-spacing\":\"-0.049375rem\",\"--lg-text-size\":\"2rem\",\"--lg-text-line-height\":\"2.5rem\",\"--lg-text-weight\":\"600\",\"--lg-text-letter-spacing\":\"-0.049375rem\"},\"children\":\"What will I learn?\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto my-1 w-[70%] text-gray-900 md:ml-2 md:mr-0 md:w-auto md:text-xl\",\"children\":\"Here鈥檚 everything that鈥檚 covered in the course.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-flow-row grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"div\",\"Introduction\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM6.25 7H7H7.74999C8.30227 7 8.74999 7.44772 8.74999 8V11.5V12.25H7.24999V11.5V8.5H7H6.25V7ZM8 6C8.55229 6 9 5.55228 9 5C9 4.44772 8.55229 4 8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Introduction\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Learn how to build a full-stack web application with the free, Next.js Foundations course.\"}]]}]}]}],[\"$\",\"div\",\"Getting Started\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/getting-started\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":1}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Getting Started\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Create a new Next.js application using the dashboard starter example and explore the project.\"}]]}]}]}],[\"$\",\"div\",\"CSS Styling\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/css-styling\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":2}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"CSS Styling\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Style your Next.js application with Tailwind and CSS modules.\"}]]}]}]}],[\"$\",\"div\",\"Optimizing Fonts and Images\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/optimizing-fonts-images\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":3}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Optimizing Fonts and Images\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Optimize fonts and images with the Next.js built-in components.\"}]]}]}]}],[\"$\",\"div\",\"Creating Layouts and Pages\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/creating-layouts-and-pages\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":4}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Creating Layouts and Pages\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Create the dashboard routes and a shared layout that can be shared between multiple pages.\"}]]}]}]}],[\"$\",\"div\",\"Navigating Between Pages\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/navigating-between-pages\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":5}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Navigating Between Pages\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Learn how to use the \u003cLink\u003e component to navigate between pages.\"}]]}]}]}],[\"$\",\"div\",\"Setting Up Your Database\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/setting-up-your-database\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":6}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Setting Up Your Database\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Setup a database for your application and seed it with initial data.\"}]]}]}]}],[\"$\",\"div\",\"Fetching Data\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/fetching-data\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":7}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Fetching Data\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Learn about the different ways to fetch data in Next.js, and fetch data for your dashboard page using Server Components.\"}]]}]}]}],[\"$\",\"div\",\"Static and Dynamic Rendering\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/static-and-dynamic-rendering\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":8}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Static and Dynamic Rendering\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Understand how rendering works in Next.js, and make your dashboard app dynamic.\"}]]}]}]}],[\"$\",\"div\",\"Streaming\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/streaming\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":9}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Streaming\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Improve your application's loading experience with streaming and loading skeletons.\"}]]}]}]}],[\"$\",\"div\",\"Partial Prerendering\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/partial-prerendering\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":10}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Partial Prerendering\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"An early look into Partial Prerendering and how it works.\"}]]}]}]}],[\"$\",\"div\",\"Adding Search and Pagination\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/adding-search-and-pagination\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":11}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Adding Search and Pagination\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Add search and pagination to your dashboard application using Next.js APIs.\"}]]}]}]}],[\"$\",\"div\",\"Mutating Data\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/mutating-data\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":12}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Mutating Data\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Mutate data using React Server Actions, and revalidate the Next.js cache.\"}]]}]}]}],[\"$\",\"div\",\"Handling Errors\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/error-handling\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":13}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Handling Errors\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Handle errors gracefully with error.tsx and notFound.\"}]]}]}]}],[\"$\",\"div\",\"Improving Accessibility\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/improving-accessibility\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":14}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Improving Accessibility\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Implement server-side form validation and improve accessibility in your forms.\"}]]}]}]}],[\"$\",\"div\",\"Adding Authentication\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/adding-authentication\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":15}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Adding Authentication\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Add authentication to protect your dashboard routes using NextAuth.js, Server Actions, and Middleware.\"}]]}]}]}],[\"$\",\"div\",\"Adding Metadata\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/adding-metadata\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":16}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Adding Metadata\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Learn how to add metadata to your Next.js application.\"}]]}]}]}],[\"$\",\"div\",\"Next Steps\",{\"children\":[\"$\",\"div\",null,{\"className\":\"dark:bg-vercel-100 group h-full rounded-[12px] shadow-sm transition-all hover:shadow-lg dark:hover:bg-gray-100\",\"children\":[\"$\",\"$L1c\",null,{\"className\":\"flex flex-col p-6\",\"href\":\"/learn/dashboard-app/next-steps\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-2 flex h-8 w-8 flex-none flex-shrink-0 items-center justify-center rounded-full bg-blue-300 text-sm font-bold text-blue-700 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group-hover:hidden\",\"children\":17}],[\"$\",\"svg\",null,{\"className\":\"hidden h-5 group-hover:block\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"p\",null,{\"className\":\"text_wrapper__i87JK\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--text-color\":\"var(--ds-gray-1000)\",\"--text-size\":\"1.25rem\",\"--text-line-height\":\"1.5rem\",\"--text-letter-spacing\":\"-0.020625rem\",\"--text-weight\":600},\"children\":\"Next Steps\"}]]}],[\"$\",\"div\",null,{\"className\":\"line-clamp-2 text-sm text-gray-900\",\"children\":\"Next.js Dashboard Course Conclusion\"}]]}]}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex w-full items-center justify-center md:mt-8 md:w-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-[100%] md:w-[233px]\",\"children\":[\"$\",\"$L17\",null,{\"chapters\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:1:props:children:2:props:children:props:children:1:props:children:props:chapters\"}]}]}]]}],[\"$\",\"$L1d\",null,{}]],[\"$\",\"$L1e\",null,{\"children\":\"$L1f\"}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4e76815e609c056f.css?dpl=dpl_HBLkVuHwrFMKmjuBsyZGBrA5iKHi\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L20\",null,{\"children\":[\"$L21\",\"$L22\",[\"$\",\"$L23\",null,{\"promise\":\"$@24\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"YFvvCXh-hdEJ5aLXQTabP\",{\"children\":[[\"$\",\"$L25\",null,{\"children\":\"$L26\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$27\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"28:I[84273,[],\"AsyncMetadata\"]\n1f:[\"$\",\"$d\",null,{\"fallback\":null,\"children\":[\"$\",\"$L28\",null,{\"promise\":\"$@29\"}]}]\n"])</script><script>self.__next_f.push([1,"22:null\n"])</script><script>self.__next_f.push([1,"26:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n21:null\n"])</script><script>self.__next_f.push([1,"29:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Learn Next.js | Next.js by Vercel - The React Framework\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Next.js by Vercel is the full-stack React framework for the web.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://nextjs.org/learn\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Learn Next.js | Next.js by Vercel - The React Framework\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Next.js by Vercel is the full-stack React framework for the web.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image:type\",\"content\":\"image/jpeg\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:width\",\"content\":\"1686\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:height\",\"content\":\"882\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://nextjs.org/learn/opengraph-image-r39hrb.jpg?df875105552a39e2\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:site\",\"content\":\"@vercel\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"Next.js by Vercel - The React Framework\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications.\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:image:type\",\"content\":\"image/jpeg\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image:width\",\"content\":\"1686\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image:height\",\"content\":\"882\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image\",\"content\":\"https://nextjs.org/learn/twitter-image-r39hrb.jpg?df875105552a39e2\"}],[\"$\",\"link\",\"17\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"48x48\"}]],\"error\":null,\"digest\":\"$undefined\"}\n24:{\"metadata\":\"$29:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>