PageSourceSearch

https://create-next-app.js.org/installation/

html create-next-app.js.org collected 2026-10-09 22:07:19 UTC 47,241 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.aaa904ecee2de986c2da.css">.Toggle-module--switch--LUUBh{position:relative;display:inline-block;width:40px;height:24px;z-index:1}.Toggle-module--switch--LUUBh input{opacity:0;width:0;height:0}.Toggle-module--slider--KtltR{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;transition:.2s;border:1px solid transparent}.Toggle-module--slider--KtltR:before{position:absolute;content:"";top:1px;height:20px;width:20px;left:2px;bottom:4px;background-color:var(--color-blue);transition:.2s}input:checked+.Toggle-module--slider--KtltR{background-color:var(--color-light-blue)}input:checked+.Toggle-module--slider--KtltR:before{background:#fff}input:focus+.Toggle-module--slider--KtltR{border:1px solid var(--color-light-pink)}input:checked+.Toggle-module--slider--KtltR:before{transform:translateX(14px)}.Toggle-module--slider--KtltR.Toggle-module--round--1XdYZ{border-radius:30px}.Toggle-module--slider--KtltR.Toggle-module--round--1XdYZ:before{border-radius:50%}.Nav-module--iconGroup--3FUi2{position:absolute;display:flex;left:10px;top:15px;width:140px}.Nav-module--icon--pfras{transition:all .3s;z-index:10;max-width:50px;flex:1 1}.Nav-module--icon--pfras svg{height:24px;fill:#fff}.Nav-module--icon--pfras svg:hover{opacity:.5}.Nav-module--actionButtonGroup--2k35e{display:flex;bottom:0;z-index:5;left:0;background:var(--color-blue);box-shadow:0 0 5px 0 #000;width:100%;position:fixed;height:43px}.Nav-module--actionButtonGroup--2k35e a{flex:1 1;font-size:.5rem;border-left:1px solid var(--color-button-blue);padding:5px 0;text-align:center;color:#fff;text-decoration:none;position:relative;min-width:40px}.Nav-module--actionButtonGroup--2k35e a:nth-child(6),.Nav-module--actionButtonGroup--2k35e a:nth-child(7),.Nav-module--actionButtonGroup--2k35e a:nth-child(8),.Nav-module--actionButtonGroup--2k35e a:nth-child(9){display:none}.Nav-module--actionButtonGroup--2k35e a:first-child{border-left:0}.Nav-module--actionButtonGroup--2k35e a:hover{color:var(--color-light-pink)}.Nav-module--actionButtonGroup--2k35e a>span{display:block;height:20px}.Nav-module--gitHubButtonWrap--2CBR7{position:absolute;right:10px;top:15px;z-index:1}.Nav-module--gitHubButtonWrap--2CBR7>span>span{display:flex}.Nav-module--iconWrapper--25w3i{height:15px;width:100%;display:flex;justify-content:center}.Nav-module--langSelect--3qfAQ{position:absolute;right:calc(50% - 68px);z-index:5;top:0;min-width:90px}.Nav-module--langSelect--3qfAQ>select{width:100%;margin-top:15px;line-height:20px;min-height:28px;font-size:14px;display:block;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;border:1px solid var(--color-light-blue);text-align:center;border-radius:3px;padding-left:10px;cursor:pointer}.Nav-module--langSelect--3qfAQ>select:hover{border:1px solid var(--color-secondary)}.Nav-module--langSelect--3qfAQ>select>option{color:#000}.Nav-module--langSelect--3qfAQ:after{content:"\25BC";font-size:10px;right:5px;top:16px;position:absolute;pointer-events:none}.Nav-module--lightLangSelect--3r75D:after{color:#fff}.Nav-module--lightActionButtonWrapper--1CcQ-{height:60px;background:var(--color-primary);border-bottom:3px solid var(--color-light-pink)}.Nav-module--mobileMenu--A8Usz{width:50%;right:0;left:auto;z-index:2}@media (min-width:768px){.Nav-module--gitHubButtonWrap--2CBR7{right:110px}.Nav-module--langSelect--3qfAQ{right:10px}.Nav-module--langSelect--3qfAQ:after{right:8px}.Nav-module--actionButtonGroup--2k35e a:nth-child(6),.Nav-module--actionButtonGroup--2k35e a:nth-child(7),.Nav-module--actionButtonGroup--2k35e a:nth-child(8),.Nav-module--actionButtonGroup--2k35e a:nth-child(9){display:block}.Nav-module--actionButtonGroup--2k35e a:nth-child(11){display:none}}@media (min-width:1040px){.Nav-module--menuExpandLink--1eaxY{font-size:.7rem;position:relative;top:-2px;cursor:default}.Nav-module--menuExpandLink--1eaxY span{transition:all .4s}.Nav-module--menuExpandLink--1eaxY:hover span{color:var(--color-light-pink)}.Nav-module--lightActionButtonWrapper--1CcQ-{height:auto}.Nav-module--iconWrapper--25w3i{display:none}.Nav-module--iconGroup--3FUi2{left:20px}
1.Nav-module--actionButtonGroup--2k35e a.Nav-module--mobileNav--2e3kV{display:none!important}.Nav-module--actionButtonGroup--2k35e{z-index:1;justify-content:space-around;position:inherit;background:none;border:none;margin:0 auto;background:var(--color-button-blue);height:auto;max-width:610px;padding:13px 10px}.Nav-module--darkActionButtonGroup--30fon{background:none;box-shadow:none;color:#fff}.Nav-module--actionButtonGroup--2k35e a{font-size:.7rem;flex:none;border:none;padding:2px 0}.Nav-module--darkActionButtonGroup--30fon a{color:#fff;font-weight:500}.Nav-module--tools--2rx5q{height:29px;display:inline-block}.Nav-module--tools--2rx5q:focus~div .Nav-module--menuExpand--2Bc1B,.Nav-module--tools--2rx5q:hover~div .Nav-module--menuExpand--2Bc1B{transform:translateY(0);opacity:1;transition:all .35s ease-in}.Nav-module--menuExpand--2Bc1B{transition:all .25s ease-in;padding:6px 10px 0;background:var(--color-button-blue);transform:translateY(-80px);opacity:0;width:-webkit-max-content;width:max-content;overflow:hidden}.Nav-module--menuExpand--2Bc1B:hover{transform:translateY(0);opacity:1}.Nav-module--menuExpand--2Bc1B a{text-align:left;padding:2px 0;display:block;width:100%;margin-bottom:7px}}@media (min-width:1280px){.Nav-module--menuExpandLink--1eaxY{font-size:.8rem;top:-1px}.Nav-module--gitHubButtonWrap--2CBR7{right:140px}.Nav-module--actionButtonGroup--2k35e{max-width:800px}.Nav-module--actionButtonGroup--2k35e a:nth-child(8){display:block}.Nav-module--langSelect--3qfAQ{right:20px;min-width:100px}.Nav-module--actionButtonGroup--2k35e a{font-size:.8rem}}:root{--color-secondary:#bf1650;--color-light-pink:#ec5990;--color-primary:#0e101c;--color-blue:#1e2a4a;--color-button-blue:#191d3a;--color-light-blue:#516391;--color-link:#ff7aa8;--color-medium-blue:#4f6294;--color-black:#2d2d2d;--color-purple:#0f111b;--color-grey:#333;--color-light-grey:#ccc}html{font:112.5%/1.45em sans-serif;box-sizing:border-box;overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;background-color:#081229;color:#fff;font-weight:400;word-wrap:break-word;-webkit-font-kerning:normal;font-kerning:normal;overflow-x:hidden;-ms-font-feature-settings:"kern","liga","clig","calt";-webkit-font-feature-settings:"kern","liga","clig","calt";font-feature-settings:"kern","liga","clig","calt";font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-button-blue);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-medium-blue);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-light-pink)}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;color:var(--color-link);-webkit-text-decoration-skip:objects}a,a:hover{transition:all .3s}a:hover{color:var(--color-secondary);outline-width:0}a:active{transform:translateY(2px)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{margin:.67em 0;line-height:1}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;overflow:visible;border:none;border-top:1px solid #516391;margin:40px 0 60px;display:block}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}button:active{transform:translateY(2px)}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}p{line-height:1.5;font-size:.9rem}button,input,select{transition:all .3s}input{border:1px solid #fff}select{min-height:37px;background:#fff}code{-webkit-overflow-scrolling:touch}textarea{margin-bottom:20px;
1display:block;width:calc(100% - 5px);height:70px;border:none;border-radius:4px;padding:10px;box-sizing:border-box;font-size:16px}input:hover,select:hover,textarea:hover{border:1px solid var(--color-light-pink)}input[type=submit]:hover{background:var(--color-secondary)}input[type=button]:active,input[type=submit]:active{transition:all .3s;transform:translateY(3px);border:1px solid transparent;opacity:.8}input[type=button]:hover{transition:all .3s}input[type=button],input[type=submit]{-webkit-appearance:none}code,pre{overflow-x:auto;overflow-y:hidden;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}blockquote{border-left:10px solid #516391;padding-left:20px;margin-left:20px;font-size:16px}th{font-size:.8rem;text-align:left}td{vertical-align:top}h2{font-weight:500;font-size:1.2rem}label,table{font-size:.9rem}.scrollToTop{display:none}.scrollToTop:hover{border-color:var(--color-secondary)}.desktopOnly{display:none!important}a.active{background:var(--color-primary);border-bottom:1px solid var(--color-secondary)!important}@media (min-width:768px){pre{-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-track{background:#191d3a;border-radius:10px}::-webkit-scrollbar-thumb{background:#4f6294;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-light-pink)}.scrollToTop{display:block;background:var(--color-primary);position:fixed;right:30px;color:#fff;bottom:60px;height:40px;width:40px;z-index:10;border-radius:5px}}@media (min-width:1040px){.desktopOnly{display:inline-block!important}a.active{background:none}.scrollToTop{bottom:30px}}a.skip-main{left:-999px;position:absolute;top:auto;width:110px;overflow:hidden;z-index:-999}a.skip-main:active,a.skip-main:focus{top:20px;width:110px;left:160px;height:auto;overflow:auto;font-size:15px;z-index:999}h4{margin-bottom:10px}.more.icon{color:#fff;position:absolute;margin-left:0;margin-top:9px;width:2px;height:2px;border-radius:50%;border:1px solid}.more.icon:before{left:-8px}.more.icon:after,.more.icon:before{content:"";position:absolute;top:-1px;width:2px;height:2px;border-radius:50%;border:1px solid}.more.icon:after{left:6px}.flag.icon{color:#fff;position:absolute;margin-left:3px;margin-top:4px;width:9px;height:6px;border-radius:1px;border:1px solid}.flag.icon:before{content:"";position:absolute;left:-3px;top:-2px;width:1px;height:15px;background-color:currentColor}.keyboard.icon{color:#fff;position:absolute;margin-left:1px;margin-top:4px;width:17px;height:11px;border-radius:1px;border:1px solid}.keyboard.icon:before{content:"";position:absolute;left:7px;top:3px;width:1px;height:1px;border:1px solid transparent;box-shadow:-2px 0 0 -1px currentColor,2px 0 0 -1px currentColor,0 -2px 0 -1px currentColor,0 2px 0 -1px currentColor,-6px 0 0 -1px currentColor,6px 0 0 -1px currentColor,-4px -2px 0 -1px currentColor,-4px 2px 0 -1px currentColor,4px -2px 0 -1px currentColor,4px 2px 0 -1px currentColor}.keyboard.icon:after{content:"";position:absolute;bottom:1px;left:3px;width:9px;height:1px;background-color:currentColor}.shutdown.icon{color:#fff;position:absolute;margin-top:3px;width:13px;height:13px;border-radius:50%;border:1px solid}.shutdown.icon:before{content:"";position:absolute;left:5px;top:-2px;width:1px;height:8px;border-left:1px solid #fff;background-color:currentColor}.search.icon{color:#fff;position:absolute;margin-top:2px;width:12px;height:12px;border:1px solid;border-radius:100%;transform:rotate(-45deg)}.search.icon:before{content:"";position:absolute;top:12px;left:5px;height:6px;width:1px;background-color:currentColor}.edit.icon{color:#fff;position:absolute;margin-left:1px;margin-top:7px;width:14px;height:2px;border-radius:1px;border:1px solid;transform:rotate(-45deg)}.edit.icon:before{content:"";position:absolute;left:-12px;top:-1px;width:0;height:0;border-color:transparent currentcolor transparent transparent;border-style:solid;border-width:1px 5px}.eye.icon{color:#fff;position:absolute;margin-top:3px;width:12px;height:12px;border-radius:70% 15%;border:1px solid;transform:rotate(45deg)}.eye.icon:before{content:"";position:absolute;
1left:2px;top:2px;width:6px;height:6px;border-radius:50%;border:1px solid}.laptop.icon{color:#fff;position:absolute;margin-left:0;margin-top:3px;width:12px;height:8px;border-radius:2px;border:1px solid}.laptop.icon:before{content:"";position:absolute;left:-4px;bottom:-5px;width:18px;height:1px;border-radius:0 0 2px 2px;border:1px solid}.tag.icon{margin-left:-2px;margin-top:3px;width:7px;height:7px;border-radius:1px 1px 1px 0;border-top:1px solid}.tag.icon,.tag.icon:before{position:absolute;border-left:1px solid}.tag.icon:before{content:"";left:1px;top:1px;width:9px;height:10px;border-radius:1px;border-right:1px solid;border-bottom:1px solid;transform:rotate(-45deg)}.tag.icon:after{content:"";position:absolute;left:3px;top:3px;width:2px;height:2px;border-radius:50%;background-color:currentColor}.raw-code{padding:15px;font-size:.8rem;background:var(--color-primary);border-radius:4px}code[class*=language-],pre[class*=language-]{background:var(--color-purple);-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;white-space:pre;white-space:pre-wrap;word-wrap:normal;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;color:#fff;text-shadow:none}pre>code[class*=language-]{font-size:1em}pre[class*=language-]{padding:15px;border-radius:4px;overflow:auto;position:relative}pre[class*=language-] code{white-space:pre;display:block;line-height:1.5}:not(pre)>code[class*=language-]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid #7a6652;box-shadow:inset 1px 1px .3em -.1em #000}.token.namespace{opacity:.7}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6f705e}.token.boolean,.token.number,.token.operator{color:#a77afe}.language-css .token.string,.style .token.string,.token.attr-name,.token.entity,.token.string,.token.url{color:#e6d06c}.token.inserted,.token.selector{color:#a6e22d}.token.atrule,.token.attr-value,.token.deleted,.token.important,.token.keyword{color:#ef3b7d}.token.regex,.token.statement{color:#76d9e6}.token.placeholder,.token.variable{color:#fff}.token.bold,.token.important,.token.statement{font-weight:700}.token.punctuation{color:#bebec5}.token.entity{cursor:help}.token.italic{font-style:italic}code.language-markup{color:#f9f9f9}code.language-markup .token.tag{color:#ef3b7d}code.language-markup .token.attr-name{color:#a6e22d}code.language-markup .token.attr-value{color:#e6d06c}code.language-markup .token.script,code.language-markup .token.script .token.keyword,code.language-markup .token.style{color:#76d9e6}pre[class*=language-][data-line]{position:relative;padding:1em 0 1em 3em}pre[data-line] .line-highlight{position:absolute;left:0;right:0;padding:0;margin-top:1em;background:hsla(0,0%,100%,.08);pointer-events:none;line-height:inherit;white-space:pre}pre[data-line] .line-highlight:before,pre[data-line] .line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:.2em .5em;background-color:hsla(0,0%,100%,.4);color:#000;font:700 65%/1 sans-serif;height:1em;line-height:1em;text-align:center;border-radius:999px;text-shadow:none;box-shadow:0 1px 1px hsla(0,0%,100%,.7)}pre[data-line] .line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}body.light{background-color:#fff;color:var(--color-black)}.light h3{color:#000}.light button{font-weight:400;border:1px solid transparent!important}.light a,.light button{box-shadow:none}.light button:hover{background:var(--color-grey)}.light input,.light select{border:1px solid var(--color-light-grey)}.light video{box-shadow:none}.light::-webkit-scrollbar-track{background:inherit}.light::-webkit-scrollbar-thumb{background:grey}.light::-webkit-scrollbar-thumb:hover{background:#000}.light a.active{border-bottom:2px solid #fff!important}.light img{box-shadow:none!important}.light code[class*=language-],.light pre[class*=language-]{background:#fff;color:#000}.light pre,.light pre[class*=language-]{border:1px solid var(--color-light-grey)}.light pre{background:#fff}.light .token.attr-name,.light .token.string{color:#e68600}@media (min-width:768px){.light ::-webkit-scrollbar-track{background:inherit}.light ::-webkit-scrollbar-thumb{background:grey}.light ::-webkit-scrollbar-thumb:hover{background:#000}}.typography-module--heading--2BnIJ,.typography-module--headingWithTo
1pMargin--PW0GS{text-align:center;margin-bottom:10px}.typography-module--subHeading--An1N_{font-size:13px;padding:0 20px;text-align:center;color:var(--color-light-pink);max-width:330px;margin:0 auto}.typography-module--title--19u44{text-align:center;font-weight:400;font-size:1.1rem;overflow:hidden;position:relative;line-height:2;margin:10px auto 20px;max-width:600px}.typography-module--title--19u44:after,.typography-module--title--19u44:before{background-color:var(--color-light-blue);content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.typography-module--title--19u44:before{right:.5em;margin-left:-50%}.typography-module--title--19u44:after{left:.5em;margin-right:-50%}.typography-module--codeHeading--2DYnF>h2:before{display:inline-block;content:"</> "}.typography-module--h1--3zo3w{font-size:24px;display:inline-block;margin:40px auto;font-weight:400;padding-bottom:5px;border-bottom:2px solid var(--color-secondary)}.typography-module--h5--1oMdC{font-size:18px;text-align:left;font-weight:500;padding-bottom:15px;margin:50px 0 10px;border-bottom:1px solid var(--color-light-blue)}.typography-module--h5--1oMdC>code{font-size:18px!important}.typography-module--typeText--3XTkJ{font-weight:400;font-size:15px;font-family:monospace;color:var(--color-light-pink)!important}.typography-module--note--1wJvT{color:var(--color-light-pink)}.typography-module--codeBlock--3oxoo{display:block;padding:10px}.typography-module--error--2NutK{font-size:12px;color:var(--color-light-pink)}@media (min-width:768px){.typography-module--h1--3zo3w{font-size:36px}.typography-module--heading--2BnIJ,.typography-module--headingWithTopMargin--PW0GS{font-size:55px!important;margin:80px auto 10px}.typography-module--subHeading--An1N_{font-size:16px;margin-bottom:20px;max-width:575px}.typography-module--title--19u44{margin-top:20px;font-size:1.3rem;line-height:1.5}.typography-module--headingWithTopMargin--PW0GS{margin-top:70px}.typography-module--questionTitle--hEE-0{padding-left:10px;border-left:5px solid var(--color-light-pink);line-height:1}}@media (min-width:1024px){.typography-module--heading--2BnIJ,.typography-module--headingWithTopMargin--PW0GS{margin-top:20px}.typography-module--headingWithTopMargin--PW0GS{margin-top:34px}}.Header-module--logo--10MlI{fill:#fff;border-radius:15px}.Header-module--desktopLogo--23-TR{display:none;position:relative;height:60px;padding:10px;border-radius:10px;background:var(--color-light-pink);top:10px;margin-right:5px}.Header-module--head--3hkPA{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column}.Header-module--videoHeading--CNOGx{text-align:center;font-weight:400;line-height:2;border-bottom:2px solid var(--color-secondary);display:block;margin-bottom:0}.Header-module--toggleGroup--oRGHF{text-align:center;display:none;border:1px solid var(--color-light-blue);border-radius:4px}.Header-module--toggleGroup--oRGHF>button{width:155px;color:#fff;padding:10px 25px;border:1px solid transparent;cursor:pointer;background:#000}.Header-module--toggleGroup--oRGHF>button:hover{background:var(--color-secondary)}.Header-module--toggleGroup--oRGHF>button:first-child{border-right:0;border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:1px solid var(--color-light-blue)}.Header-module--toggleGroup--oRGHF>button:disabled{cursor:default;color:currentColor;background:transparent}.Header-module--toggleGroup--oRGHF>button:nth-child(2){border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.Header-module--video--qonCL{width:100%;border-radius:10px;display:block;box-shadow:0 0 9px 0 #010817;background:var(--color-primary);border:1px solid transparent;cursor:pointer;transition:all .3s}.Header-module--video--qonCL:hover{border:1px solid var(--color-secondary)}.Header-module--videoWrapperHide--cLaQY,.Header-module--videoWrapperShow--3OPZr{margin-bottom:100px}@media (min-width:320px){.Header-module--logo--10MlI{height:120px}}@media (min-width:768px){.Header-module--logo--10MlI{display:none}.Header-module--head--3hkPA{height:auto}.Header-module--videoHeading--CNOGx{display:none}.Header-module--desktopLogo--23-TR{fill:#fff;display:inline-block}.Header-module--toggleGroup--oRGHF{display:inline-block;margin:0 auto 50px}.Header-module--video--qonCL{width:700px;height:400px;margin:0 auto 20px}.Header-module--videoWrapperShow--3OPZr{display:block;margin-bottom:0}.Header-module--videoWrapperHide--cLaQY{display:none;margin-bottom:0}}@media (min-width:1024px){.Header-module--video--qonCL{width:800px;height:480px}.Header-module--logoHeading--1sc7x{margin-top:35px}}@media (min-width:1280px){.Header-module--video--qonCL{width:980px;height:600px}}.Header-module--installCode--3Z0Fc{background:var(--color-button-blue)!important;padding:13px 20px;border-radius:4px;margin-top:20px;
1display:block}.Header-module--lightInstallCode--12fBd{background:#fff!important;border:1px solid var(--color-black)}.Header-module--copyButton--3ht9b{display:none;background:var(--color-light-blue);color:#fff;font-size:13px;float:right;text-transform:uppercase;border:1px solid transparent;margin-top:-2px;cursor:pointer}.Header-module--copyButton--3ht9b:hover{background:none;border:1px solid var(--color-secondary);color:#fff}.Header-module--copyButton--3ht9b:hover span{background:var(--color-primary)}@media (min-width:768px){.Header-module--copyButton--3ht9b{display:inline-block}}.CodeArea-module--buttonWrapper--voXZi{display:flex;position:absolute;top:10px;right:5px}.CodeArea-module--button--2KDln{border:none;color:#fff;border-radius:0;font-size:13px;padding:0 10px;right:20px;z-index:1;top:10px;display:none;cursor:pointer;text-transform:uppercase;height:34px;align-items:center;margin:0 3px}.CodeArea-module--button--2KDln:hover{background:var(--color-secondary);color:#fff}@media (min-width:768px){.CodeArea-module--button--2KDln{display:flex}}.CodeArea-module--copyButton--gBHFZ{background:var(--color-light-blue);border:1px solid transparent}.CodeArea-module--active--3I5e5,.CodeArea-module--copyButton--gBHFZ:hover{background:none;border:1px solid var(--color-secondary);color:#fff}.CodeArea-module--active--3I5e5,.CodeArea-module--copyButton--gBHFZ:hover span{background:var(--color-primary)}.CodeArea-module--linkToSandBox--3_eXe{text-decoration:none;line-height:2;right:115px;color:inherit}.CodeArea-module--linkToSandBox--3_eXe>svg{display:inline-block;height:18px;position:relative;margin-right:8px}.CodeArea-module--wrapper--1DE7e pre{line-height:1.5!important}.CodeArea-module--wrapper--1DE7e pre code{display:none}.CodeArea-module--wrapper--1DE7e pre code.CodeArea-module--showCode--2pr40{display:block}.Footer-module--footer--1c9am{padding:40px 0;font-size:.8rem;font-weight:400;margin-bottom:60px;text-align:center}.Footer-module--footer--1c9am a{color:#fff;text-decoration:none}.Footer-module--lightFooter--3uPQf a{color:var(--color-black)}.Footer-module--footer--1c9am a:hover{color:#fff;text-decoration:none}.Footer-module--lightFooter--3uPQf a:hover{color:var(--color-light-pink)}.Footer-module--footer--1c9am>p{font-size:13px}.Footer-module--links--3MFss{border-bottom:1px solid var(--color-light-pink);max-width:800px;margin:0 auto 20px;padding:0 0 10px;display:block}.Footer-module--links--3MFss>li{display:inline-flex}.Footer-module--links--3MFss>li>a{text-decoration:none;color:#fff;padding:10px 12px;min-width:48px;min-height:48px}.Footer-module--lightFooter--3uPQf .Footer-module--links--3MFss>li>a{color:var(--color-black);font-weight:500}.Footer-module--lightFooter--3uPQf .Footer-module--links--3MFss>li>a:hover{color:var(--color-light-pink)}.container-module--container--DUv6C{padding-top:45px}.container-module--subContainer--2BZmE{margin:0 auto;max-width:768px}.container-module--centerContent--2IAyT{margin:0 auto;text-align:center;max-width:1024px}.container-module--wrapper--1Pdtd{max-width:1235px;margin:0 auto;overflow:hidden;padding:0 15px 100px 20px}.container-module--centerContent--2IAyT p{max-width:720px;margin:0 auto 10px}@media (min-width:768px){.container-module--container--DUv6C{padding-top:0}.container-module--wrapper--1Pdtd{display:grid;grid-template-columns:250px minmax(1,1fr)}}@media (min-width:1024px){.container-module--wrapper--1Pdtd{display:grid;grid-template-columns:300px minmax(1,1fr)}}.SortableContainer-module--list--1Vlfi{border:1px solid var(--color-light-blue);padding:14px 14px 14px 50px;border-radius:4px;margin-bottom:10px;background:var(--color-primary);cursor:move;position:relative;list-style:none;color:#fff}.SortableContainer-module--list--1Vlfi>svg{fill:#fff;display:inline-block;width:20px;position:absolute;left:15px;top:17px}.SortableContainer-module--editPanel--2p1zF{float:right}.SortableContainer-module--editPanel--2p1zF>button{position:relative;color:#fff;top:-2px;font-size:14px;cursor:pointer;padding:1px 8px;background:var(--color-light-blue);border:1px solid transparent;text-transform:uppercase;letter-spacing:1px}.SortableContainer-module--editPanel--2p1zF>button:hover{background:var(--color-primary);border:1px solid var(--color-secondary)}.SortableContainer-module--editPanel--2p1zF>button:first-child{margin-right:14px}.SortableContainer-module--sortableWrapper--3B66_{margin-top:30px}.SortableContainer-module--sortableWrapper--3B66_>ul{margin-left:0;padding-left:0}.button-module--codeAsLink--41QpG,.button-module--links--1dw9P{color:var(--color-link)}.button-module--codeAsLink--41QpG{cursor:pointer;text-decoration:underline;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;color:var(--color-link)!important}.button-module--buttonsGroup--2yTT9{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:19px;margin:0 auto}.button-module--button--p7FLO,.button-module--darkButton--m_JKx,.button-module--pinkButton--2EDaG,.button-module--primaryButton--22YMg{border-radius:4px;transition:all .3s;cursor:pointer;color:#fff;font-size:16px;font-weight:400;margin:20px 0;-webkit-appearance:none;line-height:1;display:inline-block;padding:16px 10px}.button-module--primaryButton--22YMg{box-sizing:border-box;background:var(--color-primary);border:1px solid var(--color-light-blue)}a.button-module--primaryButton--22YMg{text-decoration:none}a.button-module--primaryButton--22YMg:hover{color:#fff}.button-module--darkButton--m_JKx,.button-module--pinkButton--2EDaG{background:var(--color-light-pink);letter-spacing:.5rem;text-transform:uppercase;border:1px solid var(--color-light-pink);width:100%}.button-module--pinkButton--2EDaG:hover{background:var(--color-secondary)}.button-module--darkButton--m_JKx{background:#000;color:#fff;border:1px solid var(--color-light-pink)}.button-module--darkButton--m_JKx:hover{background:var(--color-primary);border:1px solid var(--color-secondary)}.button-module--darkButton--m_JKx:active{background:#000}@keyframes button-module--moving--17fm6{0%{transform:translateX(0)}to{transform:translateX(5px)}}.button-module--primaryButton--22YMg:hover>span{display:inline-block;animation:button-module--moving--17fm6 .4s linear infinite;animation-direction:alternate}.button-module--primaryButton--22YMg:active{background:#000}.button-module--primaryButton--22YMg:hover{border:1px solid var(--color-secondary);box-shadow:0 0 5px #000}@media (min-width:768px){.button-module--primaryButton--22YMg{font-size:18px;font-weight:400;margin:40px 0;padding:15px 30px}.button-module--buttonsGroup--2yTT9{grid-column-gap:30px}}.Popup-module--button--1bFq9,.Popup-module--icon--2-UYs,.Popup-module--iconStyle--33GP0{border-radius:50%;border:none;height:18px;width:18px;font-size:15px;
1display:inline-flex;margin-left:10px;justify-content:center;align-items:center;line-height:1}.Popup-module--icon--2-UYs{border:1px solid #fff;margin-left:0;margin-right:5px}.Popup-module--root--1dsMr{font-weight:700;position:relative}.Popup-module--root--1dsMr>span{font-size:14px!important;margin-left:10px;font-weight:400;display:inline-block;overflow:hidden;position:relative;top:5px}.Popup-module--root--1dsMr>span>span{display:inline-block;position:relative;font-family:sans-serif}.Popup-module--button--1bFq9{cursor:pointer}.Popup-module--button--1bFq9:hover{background:var(--color-light-pink);color:#fff}.BuilderPage-module--root--1ai53{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:11;box-sizing:border-box;-webkit-overflow-scrolling:touch}.BuilderPage-module--wrapper--22BSZ{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-column-gap:60px;overflow:hidden;max-width:2000px;margin:0 auto 100px;padding:0 20px 100px}.BuilderPage-module--wrapper--22BSZ>section:first-child{margin-top:50px;order:3}.BuilderPage-module--wrapper--22BSZ>form:nth-child(2){order:1}.BuilderPage-module--wrapper--22BSZ>section:nth-child(3){order:2}.BuilderPage-module--form--3MpH6 input,.BuilderPage-module--form--3MpH6 select{display:block;box-sizing:border-box;width:100%;border-radius:4px;padding:6px 10px;margin-bottom:10px;font-size:16px}.BuilderPage-module--form--3MpH6 input:hover,.BuilderPage-module--form--3MpH6 select:hover{border:1px solid var(--color-light-pink)}.BuilderPage-module--form--3MpH6 select:not([multiple]){height:40px}.BuilderPage-module--form--3MpH6 input.BuilderPage-module--form-error--2wyPl{border:1px solid #bf1650}.BuilderPage-module--form--3MpH6 input[type=checkbox]{display:inline-block;width:auto;margin-right:10px}.BuilderPage-module--form--3MpH6 label{line-height:2;text-align:left;display:block;margin-bottom:13px;margin-top:20px}.BuilderPage-module--form--3MpH6 fieldset{border:1px solid var(--color-light-blue);border-radius:4px}.BuilderPage-module--closeButton--TuK5F{font-size:25px;position:absolute;cursor:pointer;z-index:5;border-radius:4px;color:#fff;top:20px;right:30px;width:50px;height:50px;display:flex;justify-content:center;background:var(--color-primary);border:1px solid #fff}.BuilderPage-module--closeButton--TuK5F:hover{border:1px solid var(--color-secondary)}@media (min-width:768px){.BuilderPage-module--wrapper--22BSZ>section:first-child{margin-top:0;order:1}.BuilderPage-module--wrapper--22BSZ>form:nth-child(2){order:2}.BuilderPage-module--wrapper--22BSZ>section:nth-child(3){order:3}.BuilderPage-module--closeButton--TuK5F{align-items:center;justify-content:center;display:flex}}.CodeCompareSection-module--gridView--YJMX8{display:flex;flex-direction:column}.CodeCompareSection-module--gridView--YJMX8>div:first-child{order:1}.CodeCompareSection-module--fullScreen--2jumc{background:none;color:#fff;position:absolute;z-index:1;right:0;font-size:12px;border-right:none;border-color:var(--color-secondary);border-top:none;border-top-color:var(--color-secondary);border-bottom-left-radius:4px;display:none}.CodeCompareSection-module--fullScreen--2jumc:hover{background:var(--color-light-pink)}@media (min-width:1000px){.CodeCompareSection-module--gridView--YJMX8{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-column-gap:40px;max-width:2000px;margin:0 auto}.CodeCompareSection-module--gridView--YJMX8>div:first-child{order:0}.CodeCompareSection-module--fullScreen--2jumc{display:block}}.CodeCompareSection-module--installCode--ROol5{background:var(--color-button-blue)!important;padding:13px 20px;border-radius:4px;margin-top:20px;display:block}.CodeCompareSection-module--lightInstallCode--3YBLw{background:#fff!important;border:1px solid var(--color-black)}.CodeCompareSection-module--copyButton--ArztL{display:none;background:var(--color-light-blue);color:#fff;font-size:13px;float:right;text-transform:uppercase;border:1px solid transparent;margin-top:-2px;cursor:pointer}.CodeCompareSection-module--copyButton--ArztL:hover{background:none;border:1px solid var(--color-secondary);color:#fff}.CodeCompareSection-module--copyButton--ArztL:hover span{background:var(--color-primary)}.CodeCompareSection-module--codeComparison--22b3H{width:100%}@media (min-width:768px){.CodeCompareSection-module--copyButton--ArztL{display:inline-block}.CodeCompareSection-module--codeComparison--22b3H{width:50%}}.FeatureList-module--featuresContent--25_gU{text-align:center}.FeatureList-module--featuresContent--25_gU h3{font-weight:500;font-size:20px;margin-top:10px}.FeatureList-module--featuresContent--25_gU svg{fill:#fff;width:50px;display:block;margin:0 auto;height:60px}
1.FeatureList-module--lightFeaturesContent--3i0F4 svg{fill:var(--color-black)}.FeatureList-module--featuresContent--25_gU>article{padding-bottom:30px}.FeatureList-module--featuresContent--25_gU>article>div{transform:scale(0)}.FeatureList-module--features--1arbN{margin-top:-60px}.FeatureList-module--features--1arbN>h2{margin-bottom:30px}@media (min-width:768px){.FeatureList-module--featuresContent--25_gU h3{font-size:22px}.FeatureList-module--features--1arbN>h2{max-width:450px;margin:0 auto 20px}.FeatureList-module--features--1arbN{margin-top:60px;margin-bottom:60px}.FeatureList-module--featuresContent--25_gU{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:30px;max-width:1024px;margin:40px auto 30px}}@media (min-width:1280px){.FeatureList-module--featuresContent--25_gU{grid-template-columns:repeat(3,1fr);grid-column-gap:35px;max-width:1235px}.FeatureList-module--featuresContent--25_gU>article{padding-bottom:0}}.HomePage-module--root--n-7dN{padding:0 20px 50px;position:relative}@media (min-width:1024px){.HomePage-module--root--n-7dN{padding:0 50px}}</style><meta name="generator" content="Gatsby 2.21.21"/><title data-react-helmet="true">Install Create Next App | Create React App – Set up a Next.js app by running one command.</title><meta data-react-helmet="true" name="description" content="Quickly create &amp; run React applications with no build configuration by running only one command."/><meta data-react-helmet="true" property="og:title" content="Install Create Next App"/><meta data-react-helmet="true" property="og:image" content="https://repository-images.githubusercontent.com/164273876/cac6f080-9d19-11ea-83e5-a2983994271e"/><meta data-react-helmet="true" property="og:description" content="Quickly create &amp; run React applications with no build configuration by running only one command."/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" property="twitter:image" content="https://repository-images.githubusercontent.com/164273876/cac6f080-9d19-11ea-83e5-a2983994271e"/><meta data-react-helmet="true" name="twitter:creator" content="@bunlongvan"/><meta data-react-helmet="true" name="twitter:title" content="Install Create Next App"/><meta data-react-helmet="true" name="twitter:description" content="Quickly create &amp; run React applications with no build configuration by running only one command."/><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link rel="icon" href="/favicon-32x32.png?v=7bf67164f36b300d42e39b50d4a74a2c"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="theme-color" content="#1e2a4a"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=7bf67164f36b300d42e39b50d4a74a2c"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=7bf67164f36b300d42e39b50d4a74a2c"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=7bf67164f36b300d42e39b50d4a74a2c"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=7bf67164f36b300d42e39b50d4a74a2c"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=7bf67164f36b300d42e39b50d4a74a2c"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=7bf67164f36b300d42e39b50d4a74a2c"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=7bf67164f36b300d42e39b50d4a74a2c"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=7bf67164f36b300d42e39b50d4a74a2c"/><link as="script" rel="preload" href="/webpack-runtime-18bf19c78e02b62d3531.js"/><link as="script" rel="preload" href="/framework-6e1ce7bd1c56d36ddf6c.js"/><link as="script" rel="preload" href="/app-1a4716d250490d24e951.js"/><link as="script" rel="preload" href="/styles-823ae8103e36ae8a7f9f.js"/><link as="script" rel="preload" href="/0e45a57cabde569c2efbbc4d91ba4dd519ae07ae-5c4cbf023c70f5061d68.js"/><link as="script" rel="preload" href="/00d75f21d4b56ad7fc00529fd3147564a7d00533-2655c8697cb99fa6f61c.js"/><link as="script" rel="preload" href="/3b56042e005115e0399374f930a776fcad6d9a7f-99700c31a2168cfae719.js"/><link as="script" rel="preload" href="/component---src-pages-installation-en-tsx-6fa99dd7e0b374b54872.js"/>
1<link as="fetch" rel="preload" href="/page-data/installation/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><a class="skip-main" href="#main">Skip to content</a><div class="Nav-module--iconGroup--3FUi2"><span class="Nav-module--icon--pfras"><a href="https://github.com/create-next-app/create-next-app" target="_blank" rel="noopener noreferrer" title="React Hook Form Github"><svg viewBox="0 0 496 512" aria-label="Github logo"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></span><span class="Nav-module--icon--pfras"><a href="https://twitter.com/CreateNextApp" target="_blank" rel="noopener noreferrer" title="React Hook Form Twitter"><svg viewBox="0 0 24 24"><g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path></g></svg></a></span><label for="toggle" class="Toggle-module--switch--LUUBh"><input type="checkbox" id="toggle"/><span class="Toggle-module--slider--KtltR Toggle-module--round--1XdYZ"></span></label></div><div class="Nav-module--gitHubButtonWrap--2CBR7"><span><a href="https://github.com/create-next-app/create-next-app" data-size="large" data-show-count="true" aria-label="Star bluebill1049/react-hook-form on GitHub"></a></span></div><div class=""><nav class="Nav-module--actionButtonGroup--2k35e "><a href="/"><div class="Nav-module--iconWrapper--25w3i"><div class="flag icon"></div></div><span>Home</span></a><a href="/installation"><div class="Nav-module--iconWrapper--25w3i"><div class="shutdown icon"></div></div><span>Installation</span></a><a href="/get-started-with-templates"><div class="Nav-module--iconWrapper--25w3i"><div class="shutdown icon"></div></div><span>Templates</span></a><a href="/get-started-with-examples"><div class="Nav-module--iconWrapper--25w3i"><div class="shutdown icon"></div></div><span>Examples</span></a><a href="https://github.com/create-next-app/create-next-app/releases" target="_blank" class="desktopOnly" rel="noreferrer noopener">Releases</a></nav></div><div class="HomePage-module--root--n-7dN"><header class="Header-module--head--3hkPA" id="main"><h1 class="typography-module--heading--2BnIJ Header-module--logoHeading--1sc7x" style="transform:translateY(20px);opacity:0">Install Create Next App</h1><p class="typography-module--subHeading--An1N_" style="margin-bottom:0;max-width:660px;transform:translateY(20px);opacity:0">Set up a Next.js app by running one command.</p></header><div style="margin-bottom:40px"><div class="container-module--centerContent--2IAyT" id="installation"><h1 class="typography-module--h1--3zo3w">How do I use it?</h1>
1<p id="codeComparison">Create Next App can be installed via npm:</p><p id="codeComparison" class="CodeCompareSection-module--codeComparison--22b3H"><span class="CodeCompareSection-module--installCode--ROol5 ">npm install --global @create-next-app/core<button class="CodeCompareSection-module--copyButton--ArztL"><span><span></span></span> <!-- -->Copy</button></span></p><div style="margin-top:30px"><p id="codeComparison">Create Next App can be installed via yarn:</p><p id="codeComparison" class="CodeCompareSection-module--codeComparison--22b3H"><span class="CodeCompareSection-module--installCode--ROol5 ">yarn global add @create-next-app/core<button class="CodeCompareSection-module--copyButton--ArztL"><span><span></span></span> <!-- -->Copy</button></span></p></div></div></div><div></div><footer class="Footer-module--footer--1c9am [object Object]"><ul class="Footer-module--links--3MFss"><li><a href="/">Home</a></li><li><a href="/installation">Installation</a></li><li><a href="/get-started-with-templates">Templates</a></li><li><a href="/get-started-with-examples">Examples</a></li></ul><p style="font-size:12px">[ <!-- -->Please support us by leaving a ★<!-- --> <a href="https://github.com/create-next-app/create-next-app/stargazers" target="_blank" rel="noreferrer noopener">@github</a>️ ]</p><p style="display:inline-block;background:white;color:black;padding:6px 20px;border-radius:4px">Hosted on ▲ GitHub</p></footer></div><div style="opacity:0"><button class="scrollToTop" aria-label="Scroll back to top">▲</button></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div>
1<script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/installation/";/*]]>*/</script>
1<script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-1a4716d250490d24e951.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-3ecdc9640efe42acf30e.js"],"component---src-pages-404-tsx":["/component---src-pages-404-tsx-587fc4c7269f0fd11c1e.js"],"component---src-pages-get-started-with-examples-en-tsx":["/component---src-pages-get-started-with-examples-en-tsx-95c0a54d8f435710205d.js"],"component---src-pages-get-started-with-templates-en-tsx":["/component---src-pages-get-started-with-templates-en-tsx-081665d346ba6bfc6c38.js"],"component---src-pages-index-en-tsx":["/component---src-pages-index-en-tsx-028804f6ad13f65c4f0f.js"],"component---src-pages-index-es-tsx":["/component---src-pages-index-es-tsx-f054075eedd4345e455d.js"],"component---src-pages-index-jp-tsx":["/component---src-pages-index-jp-tsx-cacbe83db7206787ef78.js"],"component---src-pages-index-kr-tsx":["/component---src-pages-index-kr-tsx-d6681aa6be4ab0e453cd.js"],"component---src-pages-index-pt-tsx":["/component---src-pages-index-pt-tsx-9efa7f107879ed2b8afc.js"],"component---src-pages-index-ru-tsx":["/component---src-pages-index-ru-tsx-60cdf4154c084f989f8b.js"],"component---src-pages-index-zh-tsx":["/component---src-pages-index-zh-tsx-1c76905d593bb7c7b256.js"],"component---src-pages-installation-en-tsx":["/component---src-pages-installation-en-tsx-6fa99dd7e0b374b54872.js"]};/*]]>*/</script>
1<script src="/component---src-pages-installation-en-tsx-6fa99dd7e0b374b54872.js" async=""></script>
1<script src="/3b56042e005115e0399374f930a776fcad6d9a7f-99700c31a2168cfae719.js" async=""></script>
1<script src="/00d75f21d4b56ad7fc00529fd3147564a7d00533-2655c8697cb99fa6f61c.js" async=""></script>
1<script src="/0e45a57cabde569c2efbbc4d91ba4dd519ae07ae-5c4cbf023c70f5061d68.js" async=""></script>
1<script src="/styles-823ae8103e36ae8a7f9f.js" async=""></script>
1<script src="/app-1a4716d250490d24e951.js" async=""></script>
1<script src="/framework-6e1ce7bd1c56d36ddf6c.js" async=""></script>
1<script src="/webpack-runtime-18bf19c78e02b62d3531.js" async=""></script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.