import{_ as d,M as i,p as s,q as o,R as a,t as e,N as t,a1 as r}from"./framework-5866ffd3.js";const l={},c=a("h1",{id:"development-guide",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#development-guide","aria-hidden":"true"},"#"),e(" Development Guide")],-1),h=a("h2",{id:"front-end",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#front-end","aria-hidden":"true"},"#"),e(" Front-end")],-1),u={href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"},p={href:"https://nuxt.com/",target:"_blank",rel:"noopener noreferrer"},g={href:"https://github.com/WongSaang/chatgpt-ui",target:"_blank",rel:"noopener noreferrer"},v=r(`<h3 id="environment-setup" tabindex="-1"><a class="header-anchor" href="#environment-setup" aria-hidden="true">#</a> Environment Setup</h3><p>Install the latest stable version of node.js. If you need to package it as a docker image, you also need to install docker.</p><h3 id="install-dependencies" tabindex="-1"><a class="header-anchor" href="#install-dependencies" aria-hidden="true">#</a> Install dependencies</h3><div class="language-text line-numbers-mode" data-ext="text"><pre class="language-text"><code>yarn install
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="start-development-server" tabindex="-1"><a class="header-anchor" href="#start-development-server" aria-hidden="true">#</a> Start development server</h3><div class="language-text line-numbers-mode" data-ext="text"><pre class="language-text"><code>yarn dev
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="build" tabindex="-1"><a class="header-anchor" href="#build" aria-hidden="true">#</a> Build</h3><div class="language-text line-numbers-mode" data-ext="text"><pre class="language-text"><code>yarn build
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="package-as-a-docker-image" tabindex="-1"><a class="header-anchor" href="#package-as-a-docker-image" aria-hidden="true">#</a> Package as a docker image</h3><div class="language-text line-numbers-mode" data-ext="text"><pre class="language-text"><code>docker build -t image-name:latest .
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h2 id="back-end" tabindex="-1"><a class="header-anchor" href="#back-end" aria-hidden="true">#</a> Back-end</h2>`,11),m={href:"https://www.python.org/",target:"_blank",rel:"noopener noreferrer"},b={href:"https://djangoproject.com/",target:"_blank",rel:"noopener noreferrer"},x={href:"https://github.com/WongSaang/chatgpt-ui-server",target:"_blank",rel:"noopener noreferrer"},_=r(`<h3 id="environment-setup-1" tabindex="-1"><a class="header-anchor" href="#environment-setup-1" aria-hidden="true">#</a> Environment Setup</h3><p>Install Python, pip/pipenv. If you need to package it as a docker image, you also need to install docker.</p><h3 id="install-dependencies-1" tabindex="-1"><a class="header-anchor" href="#install-dependencies-1" aria-hidden="true">#</a> Install dependencies</h3><div class="language-text line-numbers-mode" data-ext="text"><pre class="language-text"><code>pip install -r requirements.txt
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="start-development-server-1" tabindex="-1"><a class="header-anchor" href="#start-development-server-1" aria-hidden="true">#</a> Start development server</h3><div class="language-text line-numbers-mode" data-ext="text"><pre class="language-text"><code>python manage.py runserver
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="package-as-a-docker-image-1" tabindex="-1"><a class="header-anchor" href="#package-as-a-docker-image-1" aria-hidden="true">#</a> Package as a docker image</h3><div class="language-text line-numbers-mode" data-ext="text"><pre class="language-text"><code>docker build -t image-name:latest .
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div>`,8);function f(k,y){const n=i("ExternalLinkIcon");return s(),o("div",null,[c,h,a("p",null,[e("Required skills: "),a("a",u,[e("Vue"),t(n)]),e(", "),a("a",p,[e("Nuxt"),t(n)])]),a("p",null,[e("Project address: "),a("a",g,[e("https://github.com/WongSaang/chatgpt-ui"),t(n)])]),v,a("p",null,[e("Required skills: "),a("a",m,[e("Python"),t(n)]),e(", "),a("a",b,[e("Django"),t(n)])]),a("p",null,[e("Project address: "),a("a",x,[e("https://github.com/WongSaang/chatgpt-ui-server"),t(n)])]),_])}const I=d(l,[["render",f],["__file","development.html.vue"]]);export{I as default};