"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[4034],{383:(e,t,n)=>{n.d(t,{A:()=>i});const i=n.p+"assets/images/githubproject-1b2f576f25504c2788f5de0e7a4d6fd0.png"},980:(e,t,n)=>{n.d(t,{A:()=>i});const i=n.p+"assets/images/connectgithub-ed248c46e33f53f9e14461d5acc15162.png"},1095:(e,t,n)=>{n.d(t,{A:()=>i});const i=n.p+"assets/images/githubtransferdone-2f39d1c0377bb4d6aaad690d40155791.png"},2071:(e,t,n)=>{n.d(t,{A:()=>i});const i=n.p+"assets/images/githubtransfer-4419cfa285830f0757c1e5d4b12d23e2.png"},3254:(e,t,n)=>{n.d(t,{A:()=>i});const i=n.p+"assets/images/github-5f343358f5ce988d32108651c2a76ec4.png"},3271:(e,t,n)=>{n.d(t,{A:()=>i});const i=n.p+"assets/images/managegithub-d8fd6a7f6aa5540a63e94c5b16657f10.png"},8175:(e,t,n)=>{n.d(t,{A:()=>s});n(6540);var i=n(4848);function s(){return(0,i.jsx)("code",{children:"EZsite"})}},8345:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>h,frontMatter:()=>a,metadata:()=>i,toc:()=>u});const i=JSON.parse('{"id":"getting-started/github","title":"GitHub Integration","description":"lets you link your projects directly to GitHub repositories, enabling seamless connection and synchronization between your app and your GitHub codebase","source":"@site/userGuide/getting-started/015.github.md","sourceDirName":"getting-started","slug":"/getting-started/github","permalink":"/guides/user/getting-started/github","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":15,"frontMatter":{"sidebar_position":15},"sidebar":"sidebar","previous":{"title":"Fork template","permalink":"/guides/user/getting-started/fork-template"},"next":{"title":"Figma for Design","permalink":"/guides/user/getting-started/figma"}}');var s=n(4848),o=n(8453),r=n(8175);const a={sidebar_position:15},c="GitHub Integration",d={},u=[{value:"Connect GitHub",id:"connect-github",level:3},{value:"Manage Connected GitHub Organizations",id:"manage-connected-github-organizations",level:3},{value:"Transfer Project to Connected GitHub Organizations",id:"transfer-project-to-connected-github-organizations",level:3}];function l(e){const t={h1:"h1",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"github-integration",children:"GitHub Integration"})}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(r.A,{})," lets you link your projects directly to GitHub repositories, enabling seamless connection and synchronization between your app and your GitHub codebase"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.img,{src:n(3254).A+"",width:"1293",height:"808"})}),"\n",(0,s.jsx)(t.h3,{id:"connect-github",children:"Connect GitHub"}),"\n",(0,s.jsxs)(t.p,{children:["To use GitHub with ",(0,s.jsx)(r.A,{}),", start by connecting your GitHub account and setting up a repository for your project. Here\u2019s how to get started:"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsx)(t.li,{children:"Connect Your GitHub Account"}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"In Settings, select GitHub and click the Connect GitHub button to begin the authorization process."}),"\n",(0,s.jsxs)(t.ol,{start:"2",children:["\n",(0,s.jsxs)(t.li,{children:["Authorize ",(0,s.jsx)(r.A,{})," on GitHub"]}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["You\u2019ll be redirected to GitHub to authorize the ",(0,s.jsx)(r.A,{})," GitHub App. Sign in through the popup window.."]}),"\n",(0,s.jsxs)(t.p,{children:["When granting access, you can choose either All repositories or select specific repositories. Granting access to all is the simplest option, but selecting specific repositories works as well. In both cases, ",(0,s.jsx)(r.A,{})," will be able to create a new repository for your project under your account or organization."]}),"\n",(0,s.jsxs)(t.p,{children:["Once authorized, you\u2019re ready to create and manage your project repository directly from ",(0,s.jsx)(r.A,{}),"."]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.img,{src:n(980).A+"",width:"1299",height:"857"})}),"\n",(0,s.jsx)(t.h3,{id:"manage-connected-github-organizations",children:"Manage Connected GitHub Organizations"}),"\n",(0,s.jsxs)(t.p,{children:['Click the "Manage" button next to Connected Organizations to open a popup window. Then, select "Link new GitHub Organizations." A new window will prompt you to sign in to GitHub to continue with easysite-dev. You\u2019ll be redirected to GitHub to authorize the ',(0,s.jsx)(r.A,{})," GitHub App"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.img,{src:n(3271).A+"",width:"1297",height:"750"})}),"\n",(0,s.jsx)(t.h3,{id:"transfer-project-to-connected-github-organizations",children:"Transfer Project to Connected GitHub Organizations"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Initiate the Transfer:"}),' Click "Transfer Project" button, a message will appear below the button. In the message window, select your GitHub Organization name.']}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.img,{src:n(2071).A+"",width:"1733",height:"609"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Confirm Transfer Completion:"})," Once the transfer is complete, a confirmation message shows up at the top, below window will appear."]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.img,{src:n(1095).A+"",width:"1356",height:"615"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Access the Transferred Project:"}),' Click the "View GitHub" button, or copy the URL from the Clone area,\nYou will see that the code has been successfully transferred to your GitHub organization account.']}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.img,{src:n(383).A+"",width:"1463",height:"930"})})]})}function h(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},8453:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var i=n(6540);const s={},o=i.createContext(s);function r(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);