</>
Standard Template
Providing a way to bootstrap your app with standard templates such as default, material, bootstrap, semantic, ... etc.
"}.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;display: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;display: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}.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}}
Set up a Next.js app by running one command.
</>
Providing a way to bootstrap your app with standard templates such as default, material, bootstrap, semantic, ... etc.
</>
Providing a way to bootstrap your app with standard examples such as basic css, typescript, next css, next routes, redux, ... etc.
Coming soon...
Create Next App can be installed via npm:
npm install --global @create-next-app/core
Create Next App can be installed via yarn:
yarn global add @create-next-app/core
You can create a Next.js app using any of the templates and examples.