https://www.nxcode.io/_next/static/chunks/pages/docs/getting-started-adcb15c92865552b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26980],{43393:(e,s,l)=>{"use strict";l.r(s),l.d(s,{__N_SSG:()=>r,default:()=>a});var t=l(37876),n=l(60504),i=l(5132),r=!0;function a(){var e,s,l,r,a,d,o,c,m,x,p,u,h,g,j,f,v,b,N,y,w,_,T,k,S,C,L,A,E,O,I,P,z,M,B,H,W,U,q,D,G,R,J,$,F,X,Q,V,Y,K,Z,ee,es,el,et,en,ei,er,ea,ed,eo,ec,em,ex,ep,eu,eh,eg,ej,ef,ev,eb,eN,ey,ew,e_,eT;let{t:ek}=(0,i.s)(),eS=ek["docs-getting-started"]||{},eC=eS.meta||{},eL=eS.hero||{},eA=eS.sidebar||{},eE=eS.intro||{},eO=eS.steps||{},eI=eS.nextSteps||{},eP=eS.cta||{},ez={title:eC.title||"Getting Started with Nxcode | Documentation",description:eC.description||"Learn how to build your first production-ready app with Nxcode Studio.",canonicalUrl:"https://www.nxcode.io/docs/getting-started"};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.A,{seo:ez}),(0,t.jsx)("div",{className:"container mx-auto px-6 pt-24 pb-12",children:(0,t.jsxs)("div",{className:"flex flex-col md:flex-row",children:[(0,t.jsx)("div",{className:"w-full md:w-64 flex-shrink-0 mb-8 md:mb-0 md:mr-8",children:(0,t.jsxs)("div",{className:"sticky top-24",children:[(0,t.jsx)("h3",{className:"text-lg font-semibold mb-4",children:eA.documentation||"Documentation"}),(0,t.jsxs)("ul",{className:"space-y-2",children:[(0,t.jsx)("li",{children:(0,t.jsx)("a",{href:"/docs/getting-started",className:"text-orange-600 font-medium",children:(null==(e=eA.links)?void 0:e.gettingStarted)||"Getting Started"})}),(0,t.jsx)("li",{children:(0,t.jsx)("a",{href:"/docs/core-concepts",className:"text-gray-600 hover:text-orange-600",children:(null==(s=eA.links)?void 0:s.coreConcepts)||"Core Concepts"})}),(0,t.jsx)("li",{children:(0,t.jsx)("a",{href:"/docs/deployment",className:"text-gray-600 hover:text-orange-600",children:(null==(l=eA.links)?void 0:l.deployment)||"Deployment"})}),(0,t.jsx)("li",{children:(0,t.jsx)("a",{href:"/docs/creator-economy",className:"text-gray-600 hover:text-orange-600",children:(null==(r=eA.links)?void 0:r.creatorEconomy)||"Creator Economy"})})]})]})}),(0,t.jsxs)("div",{className:"flex-1",children:[(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)("h1",{className:"text-4xl font-bold mb-4",children:eL.title||"Getting Started with Nxcode"}),(0,t.jsx)("p",{className:"text-xl text-gray-600",children:eL.subtitle||"Build your first production-ready app in minutes"})]}),(0,t.jsxs)("div",{className:"prose prose-lg max-w-none",children:[(0,t.jsx)("p",{children:eE.welcome}),(0,t.jsxs)("div",{className:"bg-blue-50 p-6 rounded-lg my-6",children:[(0,t.jsx)("h3",{className:"text-blue-800 font-medium mb-2",children:null==(a=eE.whatYouWillLearn)?void 0:a.title}),(0,t.jsx)("ul",{className:"text-blue-900 mb-0",children:null==(o=eE.whatYouWillLearn)||null==(d=o.items)?void 0:d.map((e,s)=>(0,t.jsx)("li",{children:e},s))})]}),(0,t.jsx)("h2",{children:null==(c=eO.step1)?void 0:c.title}),(0,t.jsx)("p",{children:null==(m=eO.step1)?void 0:m.description}),(0,t.jsx)("ol",{children:null==(p=eO.step1)||null==(x=p.items)?void 0:x.map((e,s)=>(0,t.jsx)("li",{children:e},s))}),(null==(u=eO.step1)?void 0:u.note)&&(0,t.jsx)("div",{className:"bg-orange-50 border-l-4 border-orange-500 p-4 my-6",children:(0,t.jsx)("p",{className:"text-orange-700 m-0",children:eO.step1.note})}),(0,t.jsx)("h2",{children:null==(h=eO.step2)?void 0:h.title}),(0,t.jsx)("p",{children:null==(g=eO.step2)?void 0:g.description}),(0,t.jsxs)("div",{className:"bg-gray-800 text-gray-100 p-4 rounded-lg my-6",children:[(0,t.jsx)("div",{className:"text-xs text-gray-400 mb-2",children:null==(f=eO.step2)||null==(j=f.example)?void 0:j.label}),(0,t.jsx)("pre",{className:"text-sm whitespace-pre-wrap m-0",children:null==(b=eO.step2)||null==(v=b.example)?void 0:v.prompt})]}),(0,t.jsxs)("div",{className:"bg-blue-50 p-6 rounded-lg my-6",children:[(0,t.jsx)("h4",{className:"font-medium mb-2",children:null==(y=eO.step2)||null==(N=y.tips)?void 0:N.title}),(0,t.jsx)("ul",{className:"mb-0",children:null==(T=eO.step2)||null==(_=T.tips)||null==(w=_.items)?void 0:w.map((e,s)=>(0,t.jsx)("li",{className:"text-sm",children:e},s))})]}),(0,t.jsx)("h2",{children:null==(k=eO.step3)?void 0:k.title}),(0,t.jsx)("p",{children:null==(S=eO.step3)?void 0:S.description}),(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 my-6",children:null==(L=eO.step3)||null==(C=L.process)?void 0:C.map((e,s)=>(0,t.jsxs)("div",{className:"bg-white p-4 rounded-lg shadow-sm border border-gray-200",children:[(0,t.jsxs)("div",{className:"flex items-center mb-2",children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3",children:(0,t.jsx)("span",{className:"text-blue-600 font-bold text-sm",children:s+1})}),(0,t.jsx)("h4",{className:"font-bold mb-0",children:e.title})]}),(0,t.jsx)("p",{className:"text-gray-600 text-sm mb-0",children:e.description})]},s))}),(0,t.jsxs)("div",{className:"bg-gray-50 p-6 rounded-lg my-6 border border-gray-200",children:[(0,t.jsxs)("div",{className:"flex mb-4",children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center flex-shrink-0 mr-3",children:(0,t.jsx)("span",{className:"text-white font-bold text-xs",children:"C"})}),(0,t.jsx)("div",{className:"bg-white p-4 rounded-lg shadow-sm w-full",children:(0,t.jsx)("p",{className:"m-0 text-sm whitespace-pre-wrap",children:null==(E=eO.step3)||null==(A=E.conversation)?void 0:A.conductor})})]}),(0,t.jsxs)("div",{className:"flex mb-4",children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-full bg-gray-500 flex items-center justify-center flex-shrink-0 mr-3",children:(0,t.jsx)("span",{className:"text-white font-bold text-xs",children:"U"})}),(0,t.jsx)("div",{className:"bg-white p-4 rounded-lg shadow-sm w-full",children:(0,t.jsx)("p",{className:"m-0 text-sm",children:null==(I=eO.step3)||null==(O=I.conversation)?void 0:O.user})})]}),(0,t.jsxs)("div",{className:"flex",children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center flex-shrink-0 mr-3",children:(0,t.jsx)("span",{className:"text-white font-bold text-xs",children:"C"})}),(0,t.jsx)("div",{className:"bg-white p-4 rounded-lg shadow-sm w-full",children:(0,t.jsx)("p",{className:"m-0 text-sm",children:null==(z=eO.step3)||null==(P=z.conversation)?void 0:P.conductorResponse})})]})]}),(0,t.jsx)("h2",{children:null==(M=eO.step4)?void 0:M.title}),(0,t.jsx)("p",{children:null==(B=eO.step4)?void 0:B.description}),(0,t.jsx)("h3",{children:null==(W=eO.step4)||null==(H=W.execution)?void 0:H.title}),(0,t.jsx)("div",{className:"space-y-3 my-6",children:null==(D=eO.step4)||null==(q=D.execution)||null==(U=q.steps)?void 0:U.map((e,s)=>(0,t.jsxs)("div",{className:"flex items-start",children:[(0,t.jsx)("div",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center mr-4",children:(0,t.jsx)("span",{className:"text-purple-600 font-medium text-sm",children:s+1})}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("span",{className:"font-medium",children:[e.name,":"]}),(0,t.jsx)("span",{className:"ml-2 text-gray-600",children:e.description})]})]},s))}),(0,t.jsxs)("div",{className:"rounded-lg overflow-hidden my-6 border border-gray-200",children:[(0,t.jsx)("div",{className:"bg-gray-50 p-4 border-b border-gray-200",children:(0,t.jsx)("h3",{className:"text-lg font-medium mb-0",children:null==(R=eO.step4)||null==(G=R.progress)?void 0:G.t

1itle})}),(0,t.jsxs)("div",{className:"p-6 space-y-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex justify-between mb-2",children:[(0,t.jsx)("span",{className:"text-sm font-medium",children:null==($=eO.step4)||null==(J=$.progress)?void 0:J.analyzing}),(0,t.jsx)("span",{className:"text-sm text-green-600",children:null==(X=eO.step4)||null==(F=X.progress)?void 0:F.completed})]}),(0,t.jsx)("div",{className:"w-full bg-gray-200 rounded-full h-2",children:(0,t.jsx)("div",{className:"bg-green-500 h-2 rounded-full w-full"})})]}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex justify-between mb-2",children:[(0,t.jsx)("span",{className:"text-sm font-medium",children:null==(V=eO.step4)||null==(Q=V.progress)?void 0:Q.generating}),(0,t.jsx)("span",{className:"text-sm text-green-600",children:null==(K=eO.step4)||null==(Y=K.progress)?void 0:Y.completed})]}),(0,t.jsx)("div",{className:"w-full bg-gray-200 rounded-full h-2",children:(0,t.jsx)("div",{className:"bg-green-500 h-2 rounded-full w-full"})})]}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex justify-between mb-2",children:[(0,t.jsx)("span",{className:"text-sm font-medium",children:null==(ee=eO.step4)||null==(Z=ee.progress)?void 0:Z.installing}),(0,t.jsx)("span",{className:"text-sm text-orange-600",children:null==(el=eO.step4)||null==(es=el.progress)?void 0:es.inProgress})]}),(0,t.jsx)("div",{className:"w-full bg-gray-200 rounded-full h-2",children:(0,t.jsx)("div",{className:"bg-orange-500 h-2 rounded-full w-3/4"})})]})]})]}),(0,t.jsx)("h2",{children:null==(et=eO.step5)?void 0:et.title}),(0,t.jsx)("p",{children:null==(en=eO.step5)?void 0:en.description}),(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 my-6",children:null==(er=eO.step5)||null==(ei=er.features)?void 0:ei.map((e,s)=>(0,t.jsxs)("div",{className:"bg-white p-4 rounded-lg shadow-sm border border-gray-200",children:[(0,t.jsx)("h4",{className:"font-bold mb-1",children:e.title}),(0,t.jsx)("p",{className:"text-gray-600 text-sm mb-0",children:e.description})]},s))}),(null==(ea=eO.step5)?void 0:ea.tip)&&(0,t.jsx)("div",{className:"bg-orange-50 border-l-4 border-orange-500 p-4 my-6",children:(0,t.jsxs)("p",{className:"text-orange-700 m-0",children:[(0,t.jsx)("strong",{children:"Tip:"})," ",eO.step5.tip]})}),(0,t.jsx)("h2",{children:null==(ed=eO.step6)?void 0:ed.title}),(0,t.jsx)("p",{children:null==(eo=eO.step6)?void 0:eo.description}),(0,t.jsx)("ol",{children:null==(ex=eO.step6)||null==(em=ex.deployment)||null==(ec=em.steps)?void 0:ec.map((e,s)=>(0,t.jsx)("li",{children:e},s))}),(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 my-6",children:null==(eh=eO.step6)||null==(eu=eh.deployment)||null==(ep=eu.features)?void 0:ep.map((e,s)=>(0,t.jsxs)("div",{className:"bg-green-50 p-4 rounded-lg border border-green-200",children:[(0,t.jsx)("h4",{className:"font-bold text-green-800 mb-1",children:e.title}),(0,t.jsx)("p",{className:"text-green-700 text-sm mb-0",children:e.description})]},s))}),(0,t.jsx)("h2",{children:null==(eg=eO.step7)?void 0:eg.title}),(0,t.jsx)("p",{children:null==(ej=eO.step7)?void 0:ej.description}),(0,t.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 my-6",children:null==(eb=eO.step7)||null==(ev=eb.creatorEconomy)||null==(ef=ev.steps)?void 0:ef.map((e,s)=>(0,t.jsxs)("div",{className:"text-center p-4 bg-gradient-to-br from-orange-50 to-pink-50 rounded-lg",children:[(0,t.jsx)("div",{className:"w-10 h-10 rounded-full bg-orange-500 text-white flex items-center justify-center mx-auto mb-2 font-bold",children:s+1}),(0,t.jsx)("h4",{className:"font-bold text-sm mb-1",children:e.title}),(0,t.jsx)("p",{className:"text-xs text-gray-600 mb-0",children:e.description})]},s))}),(null==(ey=eO.step7)||null==(eN=ey.creatorEconomy)?void 0:eN.note)&&(0,t.jsx)("div",{className:"bg-green-50 border-l-4 border-green-500 p-4 my-6",children:(0,t.jsx)("p",{className:"text-green-700 m-0",children:eO.step7.creatorEconomy.note})}),(0,t.jsx)("h2",{children:eI.title}),(0,t.jsx)("p",{children:eI.description}),(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 my-6",children:null==(ew=eI.items)?void 0:e

1w.map((e,s)=>(0,t.jsxs)("div",{className:"bg-white p-6 rounded-lg shadow-sm border border-gray-200",children:[(0,t.jsx)("h3",{className:"font-bold text-lg mb-2",children:e.title}),(0,t.jsx)("p",{className:"text-gray-600 mb-4",children:e.description}),(0,t.jsxs)("a",{href:e.link,className:"text-orange-600 hover:text-orange-800 font-medium",children:[e.linkText," →"]})]},s))}),(0,t.jsxs)("div",{className:"bg-gradient-to-r from-orange-500 to-pink-500 text-white p-8 rounded-xl my-8",children:[(0,t.jsx)("h2",{className:"text-2xl font-bold mb-4",children:eP.title}),(0,t.jsx)("p",{className:"mb-6",children:eP.description}),(0,t.jsxs)("div",{className:"flex flex-wrap gap-4",children:[(0,t.jsx)("a",{href:"https://studio.nxcode.io?utm_source=nxcode_landing&utm_medium=web&utm_campaign=docs&utm_content=cta",className:"bg-white text-pink-600 hover:bg-gray-100 transition-colors font-medium py-2 px-4 rounded-md",children:(null==(e_=eP.buttons)?void 0:e_.start)||"Start Building"}),(0,t.jsx)("a",{href:"/pricing",className:"bg-transparent border-2 border-white hover:bg-white/10 transition-colors font-medium py-2 px-4 rounded-md",children:(null==(eT=eP.buttons)?void 0:eT.pricing)||"View Pricing"})]})]})]})]})]})})]})}},55724:(e,s,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/getting-started",function(){return l(43393)}])},59279:e=>{"use strict";e.exports={PUBLIC_SEO_LOCALES:["en","zh","zh-TW","ja","ko","de","fr","es","id","pt","it"]}},60504:(e,s,l)=>{"use strict";l.d(s,{A:()=>u});var t=l(37876),n=l(77328),i=l.n(n),r=l(89099),a=l(5132),d=l(59279),o=l.n(d),c=l(82241),m=l.n(c);let{PUBLIC_SEO_LOCALES:x}=o(),{formatSeoTitle:p}=m();function u(e){let{seo:s}=e,l=(0,r.useRouter)(),{locale:n,locales:d,asPath:o}=l,{locale:c}=(0,a.s)(),m="https://www.nxcode.io",u=p(null==s?void 0:s.title),h=(null==s?void 0:s.description)||"Build, deploy, and manage applications with your own AI agent team...",g=(null==s?void 0:s.keywords)||null,j=(null==s?void 0:s.ogImage)||"https://www.nxcode.io/images/default-social-card.png",f=(null==s?void 0:s.ogType)||"website",v=(null==s?void 0:s.noIndex)||!1,b=o.split("?")[0].split("#")[0],N=(d||[]).filter(e=>x.includes(e)),y=Array.isArray(null==s?void 0:s.alternateLocales)?s.alternateLocales.filter(e=>x.includes(e)):N,w=n||c||l.defaultLocale,_=new RegExp("^/(".concat((d||[]).join("|"),")(?=/|$)")),T=e=>e.replace(_,"")||"/",k=(e,s)=>{let t=T(s),n=e===l.defaultLocale?"":"/".concat(e);return"".concat(m).concat(n).concat("/"===t?"":t)||m},S=new URL((null==s?void 0:s.canonicalUrl)||"".concat(m).concat(b)),C=(null==s?void 0:s.canonicalLocale)||w,L=x.includes(C)?k(C,S.pathname):S.toString(),A=(null==s?void 0:s.faq)&&Array.isArray(s.faq)&&0!==s.faq.length?JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:s.faq.map(e=>({"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:e.answer}}))}):null,E=(null==s?void 0:s.article)?JSON.stringify({"@context":"https://schema.org","@type":"Article",headline:s.title,description:h,image:j,datePublished:s.article.datePublished,dateModified:s.article.dateModified||s.article.datePublished,author:{"@type":"Organization",name:s.article.author||"NxCode Team",url:m},publisher:{"@type":"Organization",name:"NxCode",logo:{"@type":"ImageObject",url:"".concat(m,"/images/logo.png")}},mainEntityOfPage:{"@type":"WebPage","@id":L}}):null,O="/"===o||o.startsWith("/?")?JSON.stringify({"@context":"https://schema.org","@type":"Organization",name:"NxCode",alternateName:"NxCode.io",url:m,logo:"".concat(m,"/images/logo.png"),description:"AI-powered app builder that transforms ideas into production-ready software without coding. Build games, websites, and apps using natural language.",foundingDate:"2024",founders:[{"@type":"Person",name:"Vivian Chi"},{"@type":"Person",name:"Alex Liu"}],sameAs:["https://www.linkedin.com/company/nxcode","https://medium.com/@nxcode.hub"],brand:{"@type":"Brand",name:"NxCode"},slogan:"Build Apps Without Coding"}):null,I=(null==s?void 0:s.howTo)&&s.howTo.steps&&0!==s.howTo.steps.length?JSON.stringify({"@context":"https://schema.org","@type":"HowTo",name:s.howTo.name||s.title,de

1scription:s.howTo.description||h,...s.howTo.totalTime&&{totalTime:s.howTo.totalTime},step:s.howTo.steps.map((e,s)=>({"@type":"HowToStep",position:s+1,name:e.name,text:e.text,...e.image&&{image:e.image}}))}):null;return(0,t.jsxs)(i(),{children:[(0,t.jsx)("title",{children:u}),(0,t.jsx)("meta",{name:"description",content:h}),g&&(0,t.jsx)("meta",{name:"keywords",content:g}),v&&(0,t.jsx)("meta",{name:"robots",content:(null==s?void 0:s.noFollow)?"noindex, nofollow":"noindex, follow"}),(0,t.jsx)("link",{rel:"canonical",href:L}),(0,t.jsx)("meta",{property:"og:type",content:f}),(0,t.jsx)("meta",{property:"og:title",content:u}),(0,t.jsx)("meta",{property:"og:description",content:h}),(0,t.jsx)("meta",{property:"og:image",content:j}),(0,t.jsx)("meta",{property:"og:url",content:L}),(0,t.jsx)("meta",{property:"og:locale",content:"en"===c?"en_US":"zh"===c?"zh_CN":c}),(0,t.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,t.jsx)("meta",{name:"twitter:title",content:u}),(0,t.jsx)("meta",{name:"twitter:description",content:h}),(0,t.jsx)("meta",{name:"twitter:image",content:j}),y.map(e=>(0,t.jsx)("link",{rel:"alternate",hrefLang:e,href:k(e,b)},e)),(0,t.jsx)("link",{rel:"alternate",hrefLang:"x-default",href:k(l.defaultLocale,b)}),A&&(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:A}}),E&&(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:E}}),O&&(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:O}}),I&&(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:I}})]})}},82241:e=>{"use strict";let s=" | NxCode";function l(e){let s=String(e||"").trim(),l=/\s*(?:\||[-–—])\s*nxcode(?:\.io)?\s*$/i;for(;l.test(s);)s=s.replace(l,"").trim();return s}e.exports={BRAND_SUFFIX:s,SEO_TITLE_MAX_CHARS:70,formatSeoTitle:function(e){let t=l(e)||"NxCode - AI App Generator";if(/^nxcode(?:\.io)?$/i.test(t))return"NxCode";let n=70-s.length;return"".concat(function(e,s){if(e.length<=s)return e;let l=e.slice(0,Math.max(1,s-1)).trimEnd(),t=Math.max(l.lastIndexOf(" "),l.lastIndexOf(":"),l.lastIndexOf("："),l.lastIndexOf("—"),l.lastIndexOf("-")),n=t>=Math.floor(.68*s)?l.slice(0,t).trimEnd():l;return"".concat(n.replace(/[\s:：|—-]+$/g,""),"…")}(t,n)).concat(s)},minimumDescriptionLength:function(e){return["zh","zh-TW","ja","ko"].includes(e)?50:120},stripBrandSuffix:l}}},e=>{var s=s=>e(e.s=s);e.O(0,[90636,46593,38792],()=>s(55724)),_N_E=e.O()}]);