"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[607],{336:(e,n,s)=>{s.d(n,{A:()=>r});const r=s.p+"assets/images/register-b070b8c86b03133dfc343e5b009f7122.png"},1286:(e,n,s)=>{s.d(n,{A:()=>r});const r=s.p+"assets/images/step2newproject-46b1bc2b0e726e800022f8deded9f266.png"},4405:(e,n,s)=>{s.d(n,{A:()=>o});s(6540);var r=s(9136),t=s(4848);function i(e){let{children:n,fallback:s}=e;return(0,r.A)()?(0,t.jsx)(t.Fragment,{children:n?.()}):s??null}function o(e){let{children:n}=e;return(0,t.jsx)(i,{children:()=>{const e=function(){return"undefined"==typeof window?"":window.location.hostname}();if("function"==typeof n){const s=n(e);return(0,t.jsx)("div",{className:"markdown markdown--section",children:s})}return(0,t.jsx)("code",{children:e})}})}},5484:(e,n,s)=>{s.d(n,{A:()=>r});const r=s.p+"assets/images/firstsite-871eeb7e55a48c01f3dbb599208e1281.png"},7373:(e,n,s)=>{s.d(n,{A:()=>r});const r=s.p+"assets/images/projectoverview-de919a2f1ff1b220d3d8a3acf89fc96b.png"},8175:(e,n,s)=>{s.d(n,{A:()=>t});s(6540);var r=s(4848);function t(){return(0,r.jsx)("code",{children:"EZsite"})}},8453:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>l});var r=s(6540);const t={},i=r.createContext(t);function o(e){const n=r.useContext(i);return r.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),r.createElement(i.Provider,{value:n},e.children)}},8608:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>l,metadata:()=>r,toc:()=>d});const r=JSON.parse('{"id":"quick-start/platform-overview","title":"EZsite Platform Overview","description":"From first prompt to full-stack app","source":"@site/userGuide/quick-start/platform-overview.md","sourceDirName":"quick-start","slug":"/quick-start/platform-overview","permalink":"/guides/user/quick-start/platform-overview","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":19,"frontMatter":{"sidebar_position":19},"sidebar":"sidebar","previous":{"title":"Quick Start","permalink":"/guides/user/category/quick-start"},"next":{"title":"Project Settings","permalink":"/guides/user/quick-start/project-settings"}}');var t=s(4848),i=s(8453),o=(s(4405),s(8175));const l={sidebar_position:19},c="EZsite Platform Overview",a={},d=[{value:"Create Your First Project",id:"create-your-first-project",level:3},{value:"<CompanyNameDisplay></CompanyNameDisplay> Dashboard",id:"-dashboard",level:3},{value:"Project Overview: every project follows a structured workflow:",id:"project-overview-every-project-follows-a-structured-workflow",level:3}];function h(e){const n={a:"a",h1:"h1",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"ezsite-platform-overview",children:"EZsite Platform Overview"})}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"From first prompt to full-stack app"})}),"\n",(0,t.jsxs)(n.p,{children:["Welcome to this comprehensive tutorial, where you'll learn how to create a full-stack application using ",(0,t.jsx)(o.A,{}),". This guide will walk you through each step, from setting up your project to deploying a fully functional web application. This guide will help you harness the power of ",(0,t.jsx)(o.A,{})," to build robust and scalable applications efficiently."]}),"\n",(0,t.jsxs)(n.h1,{id:"-platform-overview",children:[(0,t.jsx)(o.A,{})," PLATFORM OVERVIEW"]}),"\n",(0,t.jsx)(n.h3,{id:"create-your-first-project",children:"Create Your First Project"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Step 1"}),"\nTo get started, head over to ezsite.ai and create an account.\n",(0,t.jsx)(n.img,{src:s(336).A+"",width:"1402",height:"757"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Step 2"}),"\nOnce registered, you\u2019ll be able to login to create your first project."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Step 3"}),"\nBegin by entering a simple initial prompt, and let ",(0,t.jsx)(o.A,{})," handle the rest. This prompt serves as the foundation for any project within ",(0,t.jsx)(o.A,{}),", empowering you to turn your ideas into reality instantly.\n",(0,t.jsx)(n.img,{src:s(1286).A+"",width:"1424",height:"762"})]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.h3,{id:"-dashboard",children:[(0,t.jsx)(o.A,{})," Dashboard"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.a,{href:"https://www.youtube.com/watch?v=dfvC2Au1vkg",children:(0,t.jsx)(n.img,{src:s(5484).A+"",width:"1319",height:"661"})})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Here you kickstart your project with a single prompt."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Browse through your entire collection of projects, including the latest and featured ones."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Get started quickly with a template from our popular prompts and explore creations from the community."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Take control of your account by viewing and editing your profile. Tailor your settings to match your preferences."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Stay on top of your account details and adjusting your settings as needed."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Experiment with Labs features like Chat mode\u2014toggle them on or off."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Upgrade or downgrade your plan with ease, adapting to your changing needs without interruption."}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"project-overview-every-project-follows-a-structured-workflow",children:"Project Overview: every project follows a structured workflow:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{src:s(7373).A+"",width:"1421",height:"733"})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Effortless Editing:"})," Utilize a chat-based interface for seamless modifications."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Visual Enhancements:"})," Attach images or videos to enhance precision and inspire edits."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Component Editing:"})," Select and visually edit components for a cohesive design experience."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Mode Switching:"})," Easily toggle between edit mode and chat mode."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Version Control:"})," Track changes with version history and restore previous versions as needed."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Navigation:"})," Effortlessly navigate through project pages."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Backend Integration:"})," Integrate with Supabase for robust backend capabilities."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Deployment:"})," Publish, deploy, and share your project using a preview link (don't forget to re-publish after making changes)."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Responsive Design:"})," Switch between web and mobile views for optimal responsive design."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Instant Updates:"})," Refresh the preview modal to see changes instantly."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Direct Access:"})," Open your project directly using the preview link."]}),"\n"]}),"\n"]})]})}function p(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}}}]);