diff --git a/src/pages/paas/angular/quick-start.mdx b/src/pages/paas/angular/quick-start.mdx
index b6f9941a..5502d771 100644
--- a/src/pages/paas/angular/quick-start.mdx
+++ b/src/pages/paas/angular/quick-start.mdx
@@ -289,7 +289,7 @@ import Head from "next/head";
   </>,
 
   <>
-    برای استقرار با Liara Github، کافیست تا مراحل زیر را طی کنید:
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
     <Step  steps={[
 {
   step: "۱",
diff --git a/src/pages/paas/django/quick-start.mdx b/src/pages/paas/django/quick-start.mdx
index c1a54a6c..7c15fb50 100644
--- a/src/pages/paas/django/quick-start.mdx
+++ b/src/pages/paas/django/quick-start.mdx
@@ -231,7 +231,7 @@ import Head from "next/head";
 ]}/>
   </>,
   <>
-    برای استقرار با Liara Github، کافیست تا مراحل زیر را طی کنید:
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
     <Step  steps={[
 {
   step: "۱",
diff --git a/src/pages/paas/dotnet/quick-start.mdx b/src/pages/paas/dotnet/quick-start.mdx
index 8bdfae5c..4904e797 100644
--- a/src/pages/paas/dotnet/quick-start.mdx
+++ b/src/pages/paas/dotnet/quick-start.mdx
@@ -219,7 +219,7 @@ nupkg/
 ]}/>
   </>,
   <>
-    برای استقرار با Liara Github، کافیست تا مراحل زیر را طی کنید:
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
     <Step  steps={[
 {
   step: "۱",
diff --git a/src/pages/paas/flask/quick-start.mdx b/src/pages/paas/flask/quick-start.mdx
index 6abba709..2903bee1 100644
--- a/src/pages/paas/flask/quick-start.mdx
+++ b/src/pages/paas/flask/quick-start.mdx
@@ -230,7 +230,7 @@ import Head from "next/head";
 ]}/>
   </>,
     <>
-    برای استقرار با Liara Github، کافیست تا مراحل زیر را طی کنید:
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
     <Step  steps={[
 {
   step: "۱",
diff --git a/src/pages/paas/laravel/quick-start.mdx b/src/pages/paas/laravel/quick-start.mdx
index de96aa8a..d68b1f2d 100644
--- a/src/pages/paas/laravel/quick-start.mdx
+++ b/src/pages/paas/laravel/quick-start.mdx
@@ -218,7 +218,7 @@ import Head from "next/head";
 ]}/>
   </>,
   <>
-    برای استقرار با Liara Github، کافیست تا مراحل زیر را طی کنید:
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
     <Step  steps={[
 {
   step: "۱",
diff --git a/src/pages/paas/nextjs/quick-start.mdx b/src/pages/paas/nextjs/quick-start.mdx
index 37bf6ca6..3f4aac0c 100644
--- a/src/pages/paas/nextjs/quick-start.mdx
+++ b/src/pages/paas/nextjs/quick-start.mdx
@@ -248,7 +248,7 @@ import Head from "next/head";
   </>,
 
    <>
-    برای استقرار با Liara Github، کافیست تا مراحل زیر را طی کنید:
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
     <Step  steps={[
 {
   step: "۱",
diff --git a/src/pages/paas/nodejs/how-tos/deploy-app.mdx b/src/pages/paas/nodejs/how-tos/deploy-app.mdx
index 080cf700..f6287e05 100644
--- a/src/pages/paas/nodejs/how-tos/deploy-app.mdx
+++ b/src/pages/paas/nodejs/how-tos/deploy-app.mdx
@@ -250,7 +250,7 @@ import Head from "next/head";
     </>,
     <>
          <p>
-            پس از <a className='' href="../create-app">ساخت برنامه</a>، باید در مسیر اصلی پروژه، یک فایل به نام <Important>liaraignore.</Important> یا <Important>gitignore.</Important> ایجاد کنید و درون آن، اسامی تمامی فایل‌ها یا پوشه‌هایی که قصد ندارید در لیارا آپلود شوند را، وارد کنید؛ به عنوان مثال، نیازی به آپلود دایرکتوری node_modules به همراه محتوای آن نیست؛ چرا که لیارا در حین استقرار برنامه، آن را برای شما می‌سازد؛ پس بایستی نام این دایرکتوری در فایل فوق، نوشته شود؛ قطعه کد قرار گرفته در لینک زیر، یک <Important>gitignore.</Important> عالی برای برنامه‌های NodeJS است که می‌توانید از آن، استفاده کنید:
+            پس از <a className='' href="../create-app">ساخت برنامه</a>، باید در مسیر اصلی پروژه، یک فایل به نام <Important>gitignore.</Important> ایجاد کنید و درون آن، اسامی تمامی فایل‌ها یا پوشه‌هایی که قصد ندارید در لیارا آپلود شوند را، وارد کنید؛ به عنوان مثال، نیازی به آپلود دایرکتوری node_modules به همراه محتوای آن نیست؛ چرا که لیارا در حین استقرار برنامه، آن را برای شما می‌سازد؛ پس بایستی نام این دایرکتوری در فایل فوق، نوشته شود؛ قطعه کد قرار گرفته در لینک زیر، یک <Important>gitignore.</Important> عالی برای برنامه‌های NodeJS است که می‌توانید از آن، استفاده کنید:
         </p>
         <div className="h-2" />
         <Link href="https://github.com/liara-cloud/gitignore-templates/blob/master/nodejs/.gitignore" target="_blank">
diff --git a/src/pages/paas/nodejs/quick-start.mdx b/src/pages/paas/nodejs/quick-start.mdx
index 64902f35..42535829 100644
--- a/src/pages/paas/nodejs/quick-start.mdx
+++ b/src/pages/paas/nodejs/quick-start.mdx
@@ -226,7 +226,7 @@ import Head from "next/head";
 ]}/>
   </>,
    <>
-    برای استقرار با Liara Github، کافیست تا مراحل زیر را طی کنید:
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
     <Step  steps={[
 {
   step: "۱",
diff --git a/src/pages/paas/php/quick-start.mdx b/src/pages/paas/php/quick-start.mdx
index aaaa5938..f466fb33 100644
--- a/src/pages/paas/php/quick-start.mdx
+++ b/src/pages/paas/php/quick-start.mdx
@@ -221,7 +221,7 @@ import Head from "next/head";
 ]}/>
   </>,
   <>
-    برای استقرار با Liara Github، کافیست تا مراحل زیر را طی کنید:
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
     <Step  steps={[
 {
   step: "۱",
diff --git a/src/pages/paas/react/quick-start.mdx b/src/pages/paas/react/quick-start.mdx
index a76e4007..cfcb40ba 100644
--- a/src/pages/paas/react/quick-start.mdx
+++ b/src/pages/paas/react/quick-start.mdx
@@ -341,7 +341,7 @@ import Head from "next/head";
   </>,
 
     <>
-    برای استقرار با Liara Github، کافیست تا مراحل زیر را طی کنید:
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
     <Step  steps={[
 {
   step: "۱",
@@ -394,7 +394,42 @@ import Head from "next/head";
 }`}
     </Highlight>
     </div>
+<div className="h-2" />
+    البته در نظر داشته باشید که برای اجرای موفق پروژه‌های مبتنی بر <Important>vite</Important>، باید قطعه کد زیر به فایل <Important>vite.config.js</Important> اضافه شود:
     <div className="h-2" />
+    <div dir='ltr'>
+    <Highlight className="js">
+      {`export default {
+    // ... rest of configuration
+    build: {
+        outDir: "build"
+    }
+}`}
+    </Highlight>
+    </div>
+    <div className="h-2" />
+    <p>
+      و یا اگر که برنامه خود را با <Important>create-react-app</Important> ساخته‌اید؛ فایل <Important>package.json</Important> می‌تواند مانند قطعه کد زیر باشد:
+    </p>
+    <div className="h-2" />
+    <div dir='ltr'>
+    <Highlight className="json">
+      {`{
+  "name": "react-getting-started",
+  "version": "0.1.0",
+  "dependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-scripts": "4.0.3",
+    "web-vitals": "^1.1.2"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build"
+  }
+}`}
+    </Highlight>
+    </div>
   
   </>
   )
diff --git a/src/pages/paas/static/how-tos/deploy-app.mdx b/src/pages/paas/static/how-tos/deploy-app.mdx
index 78d5b534..6bd5c5f0 100644
--- a/src/pages/paas/static/how-tos/deploy-app.mdx
+++ b/src/pages/paas/static/how-tos/deploy-app.mdx
@@ -25,7 +25,7 @@ import Head from "next/head";
 توجه داشته باشید، در پلتفرم <Important>Static</Important> می‌توانید برنامه‌هایی که فقط شامل فایل‌های <Important>HTML</Important> , <Important>CSS</Important> و <Important>JavaScript</Important> هستند را، استقرار کنید.
 
         <Tabs 
-    tabs={["Liara Console", "Liara CLI"]} 
+    tabs={["Liara Console", "Liara CLI", "Github"]} 
     content={[
     <>
         <p>
@@ -94,6 +94,155 @@ import Head from "next/head";
             در حین فرایند استقرار، می‌توانید در ترمینال خود، لاگ‌های مربوط به آن را مشاهده بفرمایید.
         </p>
     </>,
+    <>
+
+        <p>
+            پس از <a className='text-[#2196f3] ' href="../create-app">ساخت برنامه</a>، باید در مسیر اصلی پروژه، یک فایل به نام <Important>gitignore.</Important> ایجاد کنید و درون آن، اسامی تمامی فایل‌ها یا پوشه‌هایی که قصد ندارید در لیارا آپلود شوند را، وارد کنید؛ به عنوان مثال، نیازی به آپلود دایرکتوری node_modules (در صورت وجود) به همراه محتوای آن نیست؛ پس بایستی نام این دایرکتوری در یکی از دو فایل فوق، نوشته شود؛ قطعه کد قرار گرفته در لینک زیر، می‌تواند یک <Important>gitignore.</Important> عالی برای برنامه‌های Static باشد که می‌توانید پس از شخصی‌سازی، از آن، استفاده کنید:
+        </p>
+        <div className="h-2" />
+        <Link href="https://github.com/liara-cloud/gitignore-templates/blob/master/static/.gitignore" target="_blank">
+            <Card className="flex cursor-pointer w-full items-center justify-between">
+                <div className="flex items-center gap-3">
+                <h4>
+                    نمونه فایل <Important>gitignore.</Important> برای برنامه‌های Static
+                </h4>
+                </div>
+                <GoArrowLeft className="ml-1" />
+            </Card>
+        </Link>
+        <div className="h-2" />
+
+        <Alert variant='info'>
+          <p>
+            برای استقرار برنامه‌های static با Github، نیازی به فایل <Important>liara.json</Important> نخواهید داشت. اما می‌توانید تنها برای تعیین موقعیت build، از آن استفاده کنید.
+          </p>  
+        </Alert>
+        <Alert variant='success'>همچنین بخوانید: <a className="text-[#2196f3] " href="/paas/details/build-location">تعیین موقعیت build برنامه</a></Alert>
+        <p>
+           در ادامه، بایستی یک ریپازیتوری در حساب گیت‌هاب خود برای برنامه‌مدنظرتان با نام دلخواه‌تان ایجاد کنید، برای این کار، پس از ورود به <a href="https://github.com/" className="text-[#2196f3]">گیت‌هاب</a>، وارد بخش <b>Repositories</b> شوید و بر روی دکمه <b>New</b> کلیک کنید؛ پس از نوشتن نام و توضیحات ریپازیتوری، سطح دسترسی ریپازیتوری را (public یا private)، انتخاب کنید و در نهایت بر روی دکمه <b>create repository</b> کلیک کنید تا ریپازیتوری برای‌تان ساخته شود:
+        </p>
+        <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/create-a-new-repository-in-github.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+        <div className="h-2" />
+        <Alert variant="info">
+        <p>
+        در صورتی که از قبل، این کار را انجام داده‌اید یا قصد دارید از ریپازیتوری‌های فعلی خود استفاده کنید؛ نیازی به ساخت ریپازیتوری جدید نیست.
+        </p>
+        </Alert>
+        <p>
+           اکنون، باید پروژه نهایی خود را در ریپازیتوری‌تان در گیت‌هاب آپلود کنید؛
+            حتماً در نظر داشته باشید که درون پروژه‌تان، فایل <Important>gitignore.</Important> قرار داشته باشد و درون آن، فایل‌های اضافی 
+            برنامه، که قصد ندارید آپلود شوند؛ لیست شده باشند. می‌توانید برای آپلود، مانند دستورات زیر 
+            در ترمینال ریشه پروژه‌تان، عمل کنید:
+            </p>
+            <div className="h-4" />
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git init # تعریف اولیه مخزن در ریشه پروژه`}
+                </Highlight>
+            </div>
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git add . # اضافه کردن تمامی فایل‌ها به استیج`}
+                </Highlight>
+            </div>
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git commit -m "make ready to deploy on liara" # ثبت کامیت`}
+                </Highlight>
+            </div>
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git remote add origin https://github.com/your-account-user/your-repo-name.gi # افزودن دسترسی ریموت به مخزن`}
+                </Highlight>
+            </div>
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git push origin master # آپلود پروژه در گیت‌هاب`}
+                </Highlight>
+            </div>
+            <div className="h-2" />
+            <Alert variant="success">
+            <p>
+                در صورتی که هنوز <Important>git</Important> را در سیستم عامل خود نصب ندارید؛ می‌توانید آن را از <a href="https://git-scm.com/downloads" className="text-[#2196f3]">اینجا</a>، دانلود و نصب نمایید.
+            </p>
+            </Alert>
+            <Alert variant="info">
+        <p>
+            اگر که از قبل، پروژه نهایی خود را، در گیت‌هاب آپلود کرده‌اید؛ نیازی به انجام مجدد این کار نیست.
+        </p>
+        </Alert>
+        <p>
+            در ادامه، بایستی حساب لیارا خود را به گیت‌هاب متصل کنید. برای اتصال حساب لیارا خود به گیت‌هاب، در لیارا بر روی پروفایل خود کلیک کرده و وارد زیر قسمت <a href="https://console.liara.ir/settings/profile" className="text-[#2196f3]">حساب کاربری</a> شوید. در ادامه 
+            وارد منوی <a href="https://console.liara.ir/settings/github" className="text-[#2196f3]">گیت‌هاب</a> شوید و بر روی دکمه <b>اتصال به گیت‌هاب</b>، کلیک کنید. پس از 
+            انجام این کار و وارد کردن اطلاعات مربوط به گیت‌هاب، حساب لیارا شما به گیت‌هاب متصل خواهد شد:
+            </p>
+            <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/connect-liara-account-to-github.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+        <div className="h-2" />
+        <Alert variant="error">
+        <p>
+        در صورت مواجه با خطای "اتصال به Github"، بایستی از حساب لیارا خود، خارج شده و مجدداً به وسیله Github، به اکانت لیارا خود، وارد شوید.
+        </p>
+        </Alert>
+        <p>
+            بعد از اتصال به اکانت گیت‌هاب، بر روی گزینه <b>ویرایش دسترسی‌ها</b> کلیک کرده و ریپازیتوری (ریپازیتوری‌های) مدنظرتان را به حساب لیارا متصل کنید. 
+        </p>
+        <p>    
+            برای این کار در ابتدا، حساب شخصی یا سازمانی خود را انتخاب کنید؛ سپس 
+            در صورتی که قصد دارید تمام ریپازیتوری‌های حساب گیت‌هاب‌تان به لیارا متصل شود؛ گزینه <b>All repositories</b> را انتخاب کنید؛ 
+            اما اگر قصد دارید که فقط یک یا چند ریپازیتوری مدنظرتان را انتخاب کنید؛ گزینه <b>Only select repositories</b> را انتخاب کرده و در ادامه ریپازیتوری‌های مدنظرتان را در کشوی باز شده، انتخاب کنید. 
+            در نهایت، بر روی گزینه <b>Install & Authorize</b> کلیک کنید تا ریپازیتوری‌های انتخابی، به حساب لیارا، متصل شوند:
+            </p>
+            <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/edit-access-to-github-account.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+            <div className="h-2" />
+
+            <p>
+                در نهایت، بر روی برنامه خود کلیک کرده وارد صفحه <b>استقرار جدید</b> شوید؛ سپس در منوی <b>گیت‌هاب</b>، ریپازیتوری مدنظرتان را انتخاب کرده و پس از انتخاب نوع استقرار (استقرار در صورت CI موفق یا استقرار خودکار) و branch مدنظرتان، بر روی گزینه <b>اتصال به برنامه</b> کلیک کنید تا برنامه‌تان به ریپازیتوری مدنظرتان متصل شود.
+                در نهایت، کافیست تا یک‌بار بر روی گزینه <b>استقرار دستی</b> کلیک کنید تا آخرین commit شما در لیارا مستقر شود:
+            </p>
+            <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/deploy-project-using-github.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+            <div className="h-2" />
+            <p>
+            پس از انجام کارهای فوق، با هر بار push کردن پروژه‌تان در ریپازیتوری انتخاب شده، 
+            یک استقرار جدید مطابق آخرین تغییرات شما در لیارا، انجام خواهد شد.
+            </p>
+        <div className="h-2" />
+        <Alert variant="error">
+        <p>
+        برای قطع ارتباط برنامه و ریپازیتوری نیز، می‌توانید بر روی دکمه <b>قطع اتصال</b> کلیک کنید تا تغییرات جدید، مستقر نشوند.
+        </p>
+        </Alert>
+        <Alert variant="info">
+        <p>
+        در صورت انتخاب گزینه <b>استقرار در صورت CI موفق</b>، تمامی تست‌های تعریف شده باید pass شده و تیک سبز رنگ گرفته باشند، در غیر این‌صورت،
+        پروژه‌تان در لیارا، مستقر نخواهد شد.
+        </p>
+        </Alert>
+        <div className="h-1" />
+    </>
 
 ]} 
 />
diff --git a/src/pages/paas/static/quick-start.mdx b/src/pages/paas/static/quick-start.mdx
index 1f50ba03..9fc90152 100644
--- a/src/pages/paas/static/quick-start.mdx
+++ b/src/pages/paas/static/quick-start.mdx
@@ -23,7 +23,7 @@ import Head from "next/head";
 
 
 <Tabs 
-  tabs={["Liara Console", "Liara CLI"]} 
+  tabs={["Liara Console", "Liara CLI", "Github"]} 
   content={[
   <>
   <video
@@ -196,6 +196,137 @@ import Head from "next/head";
 
 ]}/>
   </>,
+    <>
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
+    <Step  steps={[
+{
+  step: "۱",
+  content: (
+  <>
+    <h3>ورود به حساب کاربری</h3>   
+    <p>وارد <Link className="text-[#2196f3] " href="https://console.liara.ir">کنسول لیارا</Link> شوید و با وارد کردن ایمیل یا شماره همراه ثبت شده، به اکانت خود در لیارا، لاگین کنید.</p>
+  </>
+  )
+  },
+  {
+  step: "۲",
+  content: (
+  <>
+    <h3>ایجاد برنامه</h3>
+    <p>برنامه Static خود را با شناسه، <Link className="text-[#2196f3] " href="../details/private-network">شبکه خصوصی</Link> و <Link className="text-[#2196f3] " href="../details/plans/about">منابع سخت‌افزاری و بسته امکانات</Link> مدنظرتان ایجاد کنید.</p>
+  </>
+  )
+  },
+  {
+  step: "۳",
+  content: (
+
+  <>
+    <h3>ساخت ریپازیتوری در گیت‌هاب</h3>
+    <p>
+      یک ریپازیتوری در حساب گیت‌هاب خود برای برنامه‌مدنظرتان با نام دلخواه‌تان ایجاد کنید.
+    </p>
+  <div className="h-2" />
+  <Alert variant="success">
+<p>
+در صورتی که از قبل، این کار را انجام داده‌اید یا قصد دارید از ریپازیتوری‌های فعلی خود استفاده کنید؛ از این مرحله بگذرید.
+</p>
+</Alert>
+  </>
+  )
+  },
+  {
+  step: "۴",
+  content: (
+  <>
+    <h3>آپلود پروژه در گیت‌هاب</h3>
+    <p>
+      پروژه نهایی خود را در ریپازیتوری‌تان در گیت‌هاب آپلود کنید؛
+      حتماً در نظر داشته باشید که درون پروژه‌تان، فایل <Important>gitignore.</Important> قرار داشته باشد و درون آن، فایل‌های اضافی 
+      برنامه، که قصد ندارید آپلود شوند؛ لیست شده باشند.
+    </p>
+  </>
+  )
+  },
+  {
+  step: "۵",
+  content: (
+  <>
+    <h3>اتصال لیارا به گیت‌هاب</h3>
+    <p>
+      برای اتصال حساب لیارا خود به گیت‌هاب، در لیارا بر روی پروفایل خود کلیک کرده و وارد زیر قسمت <a href="https://console.liara.ir/settings/profile" className="text-[#2196f3]">حساب کاربری</a> شوید. در ادامه 
+      وارد منوی <a href="https://console.liara.ir/settings/github" className="text-[#2196f3]">گیت‌هاب</a> شوید و بر روی دکمه <b>اتصال به گیت‌هاب</b>، کلیک کنید. 
+    </p>
+    <div className="h-1" />
+    <img src="https://files.liara.ir/liara/docs/connect-to-github-on-liara.png" alt="connect to github on liara account" />
+    <div className="h-1" />
+    <p> 
+      پس از 
+      انجام این کار و وارد کردن اطلاعات مربوط به گیت‌هاب، حساب لیارا شما به گیت‌هاب متصل خواهد شد.
+    </p>
+    <div className="h-1" />
+    <img src="https://files.liara.ir/liara/docs/added-github-account-on-liara.png" alt="added github account on liara" />
+    <div className="h-1" />
+
+  <div className="h-2" />
+  <Alert variant="error">
+<p>
+  در صورت مواجه با خطای "اتصال به Github"، بایستی از حساب لیارا خود، خارج شده و مجدداً به وسیله Github، به اکانت لیارا خود، وارد شوید.
+</p>
+</Alert>
+  </>
+  )
+  },
+  {
+  step: "۶",
+  content: (
+  <>
+    <h3>ویرایش دسترسی‌ها</h3>
+    <p>
+      بعد از اتصال به اکانت گیت‌هاب، بر روی گزینه <b>ویرایش دسترسی‌ها</b> کلیک کرده و ریپازیتوری (ریپازیتوری‌های) مدنظرتان را به حساب لیارا متصل کنید.
+    </p>
+    <div className="h-2" />
+    <video
+    src="https://files.liara.ir/liara/docs/edit-access-to-github-account.mp4"
+    controls="controls"
+    className="block w-full"
+    width="100%"
+    ></video>
+    <div className="h-2" />
+  </>
+  )
+  },
+  {
+  step: "۷",
+  content: (
+  <>
+    <h3>استقرار برنامه</h3>
+    <p>
+        در نهایت، بر روی برنامه خود کلیک کرده وارد صفحه <b>استقرار جدید</b> شوید؛ سپس در منوی <b>گیت‌هاب</b>، ریپازیتوری مدنظرتان را انتخاب کرده و پس از انتخاب نوع استقرار و branch مدنظرتان، بر روی گزینه <b>اتصال به برنامه</b> کلیک کنید تا برنامه‌تان به ریپازیتوری مدنظرتان متصل شود.
+        در نهایت، کافیست تا یک‌بار بر روی گزینه <b>استقرار دستی</b> کلیک کنید تا آخرین commit شما در لیارا مستقر شود.
+    </p>
+  <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/deploy-project-using-github.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+  <div className="h-2" />
+    <Alert variant="info">
+<p>
+  برای قطع ارتباط برنامه و ریپازیتوری نیز، می‌توانید بر روی دکمه <b>قطع اتصال</b> کلیک کنید تا تغییرات جدید، مستقر نشوند.
+</p>
+</Alert>
+<div className="h-1" />
+
+  </>
+  )
+  }
+
+]}/>
+
+  </>
 
 ]} 
 />
diff --git a/src/pages/paas/vue/how-tos/deploy-app.mdx b/src/pages/paas/vue/how-tos/deploy-app.mdx
index ab913a01..1091fc96 100644
--- a/src/pages/paas/vue/how-tos/deploy-app.mdx
+++ b/src/pages/paas/vue/how-tos/deploy-app.mdx
@@ -24,7 +24,7 @@ import Head from "next/head";
 توجه داشته باشید؛ تنها برنامه‌هایی که با <Important>Vite</Important> و یا <Important>vue-cli</Important> ساخته شده باشند، در پلتفرم Vue لیارا قابل اجرا خواهند بود.
 
         <Tabs 
-    tabs={["Liara Console", "Liara CLI"]} 
+    tabs={["Liara Console", "Liara CLI", "Github"]} 
     content={[
     <>
         <p>
@@ -107,7 +107,7 @@ import Head from "next/head";
 
     <div className="h-2" />
         <p>
-            قطعه کد زیر نیز، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Vue است که با استفاده از دستور <Important>vue-cli</Important> ساخته شده‌اند:
+            قطعه کد زیر نیز، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Vue است که با استفاده از <Important>vue-cli</Important> ساخته شده‌اند:
         </p>        <div className="h-4" />
         <div dir='ltr'>
             <Highlight className="json">
@@ -237,7 +237,7 @@ import Head from "next/head";
 
     <div className="h-2" />
         <p>
-            قطعه کد زیر نیز، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Vue است که با استفاده از دستور <Important>vue-cli</Important> ساخته شده‌اند:
+            قطعه کد زیر نیز، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Vue است که با استفاده از <Important>vue-cli</Important> ساخته شده‌اند:
         </p>        <div className="h-4" />
         <div dir='ltr'>
             <Highlight className="json">
@@ -336,6 +336,265 @@ import Head from "next/head";
             در حین فرایند استقرار، می‌توانید در ترمینال خود، لاگ‌های مربوط به آن را مشاهده بفرمایید.
         </p>
     </>,
+    <>
+    
+        <p>
+            پس از <a className='text-[#2196f3] ' href="../create-app">ساخت برنامه</a>، باید در مسیر اصلی پروژه، یک فایل به نام <Important>gitignore.</Important> ایجاد کنید و درون آن، اسامی تمامی فایل‌ها یا پوشه‌هایی که قصد ندارید در لیارا آپلود شوند را، وارد کنید؛ به عنوان مثال، نیازی به آپلود دایرکتوری node_modules به همراه محتوای آن نیست؛ چرا که لیارا در حین استقرار برنامه، آن را برای شما می‌سازد؛ پس بایستی نام این دایرکتوری در فایل فوق، نوشته شود؛ قطعه کد قرار گرفته در لینک زیر، یک <Important>gitignore.</Important> عالی برای برنامه‌های Vue است که می‌توانید از آن، استفاده کنید:
+        </p>
+        <div className="h-2" />
+        <Link href="https://github.com/liara-cloud/gitignore-templates/blob/master/vue/.gitignore" target="_blank">
+            <Card className="flex cursor-pointer w-full items-center justify-between">
+                <div className="flex items-center gap-3">
+                <h4>
+                    نمونه فایل <Important>gitignore.</Important> برای برنامه‌های Vue
+                </h4>
+                </div>
+                <GoArrowLeft className="ml-1" />
+            </Card>
+        </Link>
+        <div className="h-2" />
+        <p>
+            همچنین، پروژه شما باید شامل فایل <Important>package.json</Important> باشد؛ لیارا، در حین فرایند استقرار، به صورت خودکار این فایل را پیدا می‌کند و عملیات زیر را انجام می‌دهد:
+        </p>
+        <Step  steps={[
+            {
+            step: "۱",
+            content: (
+            <>
+                <h4>نصب وابستگی‌های برنامه</h4>
+                <p>لیارا، تمامی ماژول‌ها و وابستگی‌های برنامه که در فیلدهای <Important>dependencies</Important> و <Important>devDependencies</Important> قرار گرفته‌اند را با استفاده از دستور <Important>npm install</Important> نصب می‌کند.</p>
+            </>
+            )
+            },
+            {
+            step: "۲",
+            content: (
+            <>
+                <h4>اجرای اسکریپت build</h4>
+                <p> اگر که در این فایل، اسکریپت <Important>build</Important> وجود داشته باشد، لیارا با اجرای دستور <Important>npm run build</Important> آن را، اجرا می‌کند.</p>
+            </>
+            )
+            },
+            {
+            step: "۳",
+            content: (
+            <>
+                <h4>اجرای اسکریپت start</h4>
+                <p>اگر که در این فایل، اسکریپت <Important>start</Important> تعریف شده باشد، لیارا برای اجرای برنامه، از این اسکریپت استفاده می‌کند.</p>
+            </>
+            )
+            }
+        ]}/>
+        <div className="h-4" />
+        <p>
+            قطعه کد زیر، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Vue است که با استفاده از <Important>Vite</Important> ساخته شده‌اند:
+        </p>
+        <div className="h-4" />
+        <div dir='ltr'>
+            <Highlight className="json">
+                {`{
+  "name": "my-vue-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.4.31"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.5",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.4",
+    "vue-tsc": "^2.0.24"
+  }
+}`}
+            </Highlight>
+        </div>
+        <div className="h-2" />
+    البته در نظر داشته باشید که برای اجرای موفق پروژه‌های مبتنی بر <Important>vite</Important>، باید قطعه کد زیر به فایل <Important>vite.config.js</Important> اضافه شود:
+    <div className="h-2" />
+    <div dir='ltr'>
+    <Highlight className="js">
+      {`export default {
+    // ... rest of configuration
+    build: {
+        outDir: "dist"
+    }
+}`}
+    </Highlight>
+    </div>
+
+    <div className="h-2" />
+        <p>
+            قطعه کد زیر نیز، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Vue است که با استفاده از <Important>vue-cli</Important> ساخته شده‌اند:
+        </p>        <div className="h-4" />
+        <div dir='ltr'>
+            <Highlight className="json">
+                {`{
+  "name": "vue-getting-started",
+  "version": "0.1.0",
+  "scripts": {
+    "start": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "core-js": "^3.6.5",
+    "vue": "^3.0.0"
+  }
+}`}
+            </Highlight>
+        </div>
+        <div className='h-4' />
+        <p>
+            لیارا در جهت استقرار سریع‌تر،  برای نصب پکیج‌های <Important>npm</Important>، از <Important>mirror</Important> اختصاصی خود استفاده می‌کند؛ از همین رو، ممکن است که در نصب برخی از پکیج‌های جدید، دچار مشکل شود. برای رفع این مشکل، می‌توانید در مسیر اصلی پروژه، یک فایل به نام <Important>liara.json</Important> ایجاد کنید و mirror لیارا را با قراردادن قطعه کد زیر در این فایل، غیرفعال کنید:
+        </p>
+        <div className="h-4" />
+        <div dir='ltr'>
+            <Highlight className="json">
+                {`{
+    "vue": {
+    "mirror": false
+  }
+}`}
+            </Highlight>
+        </div>
+
+<Alert variant='error'>
+          <p>
+            در فایل فوق، برای جلوگیری از خطا خوردن فرایند استقرار، از فیلدهای <Important>app</Important> و <Important>platform</Important> استفاده نکنید؛ چرا که لیارا، آن‌ها را به صورت خودکار، تشخیص خواهد داد.
+          </p>  
+        </Alert>
+        <Alert variant='success'>همچنین بخوانید: <a className="text-[#2196f3] " href="/paas/details/build-location">تعیین موقعیت build برنامه</a></Alert>
+        <p>
+           در ادامه، بایستی یک ریپازیتوری در حساب گیت‌هاب خود برای برنامه‌مدنظرتان با نام دلخواه‌تان ایجاد کنید، برای این کار، پس از ورود به <a href="https://github.com/" className="text-[#2196f3]">گیت‌هاب</a>، وارد بخش <b>Repositories</b> شوید و بر روی دکمه <b>New</b> کلیک کنید؛ پس از نوشتن نام و توضیحات ریپازیتوری، سطح دسترسی ریپازیتوری را (public یا private)، انتخاب کنید و در نهایت بر روی دکمه <b>create repository</b> کلیک کنید تا ریپازیتوری برای‌تان ساخته شود:
+        </p>
+        <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/create-a-new-repository-in-github.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+        <div className="h-2" />
+        <Alert variant="info">
+        <p>
+        در صورتی که از قبل، این کار را انجام داده‌اید یا قصد دارید از ریپازیتوری‌های فعلی خود استفاده کنید؛ نیازی به ساخت ریپازیتوری جدید نیست.
+        </p>
+        </Alert>
+        <p>
+           اکنون، باید پروژه نهایی خود را در ریپازیتوری‌تان در گیت‌هاب آپلود کنید؛
+            حتماً در نظر داشته باشید که درون پروژه‌تان، فایل <Important>gitignore.</Important> قرار داشته باشد و درون آن، فایل‌های اضافی 
+            برنامه، که قصد ندارید آپلود شوند؛ لیست شده باشند. می‌توانید برای آپلود، مانند دستورات زیر 
+            در ترمینال ریشه پروژه‌تان، عمل کنید:
+            </p>
+            <div className="h-4" />
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git init # تعریف اولیه مخزن در ریشه پروژه`}
+                </Highlight>
+            </div>
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git add . # اضافه کردن تمامی فایل‌ها به استیج`}
+                </Highlight>
+            </div>
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git commit -m "make ready to deploy on liara" # ثبت کامیت`}
+                </Highlight>
+            </div>
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git remote add origin https://github.com/your-account-user/your-repo-name.gi # افزودن دسترسی ریموت به مخزن`}
+                </Highlight>
+            </div>
+            <div dir='ltr'>
+                <Highlight className="bash">
+                    {`git push origin master # آپلود پروژه در گیت‌هاب`}
+                </Highlight>
+            </div>
+            <div className="h-2" />
+            <Alert variant="success">
+            <p>
+                در صورتی که هنوز <Important>git</Important> را در سیستم عامل خود نصب ندارید؛ می‌توانید آن را از <a href="https://git-scm.com/downloads" className="text-[#2196f3]">اینجا</a>، دانلود و نصب نمایید.
+            </p>
+            </Alert>
+            <Alert variant="info">
+        <p>
+            اگر که از قبل، پروژه نهایی خود را همراه با فایل <Important>liara.json</Important>، در گیت‌هاب آپلود کرده‌اید؛ نیازی به انجام مجدد این کار نیست.
+        </p>
+        </Alert>
+        <p>
+            در ادامه، بایستی حساب لیارا خود را به گیت‌هاب متصل کنید. برای اتصال حساب لیارا خود به گیت‌هاب، در لیارا بر روی پروفایل خود کلیک کرده و وارد زیر قسمت <a href="https://console.liara.ir/settings/profile" className="text-[#2196f3]">حساب کاربری</a> شوید. در ادامه 
+            وارد منوی <a href="https://console.liara.ir/settings/github" className="text-[#2196f3]">گیت‌هاب</a> شوید و بر روی دکمه <b>اتصال به گیت‌هاب</b>، کلیک کنید. پس از 
+            انجام این کار و وارد کردن اطلاعات مربوط به گیت‌هاب، حساب لیارا شما به گیت‌هاب متصل خواهد شد:
+            </p>
+            <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/connect-liara-account-to-github.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+        <div className="h-2" />
+        <Alert variant="error">
+        <p>
+        در صورت مواجه با خطای "اتصال به Github"، بایستی از حساب لیارا خود، خارج شده و مجدداً به وسیله Github، به اکانت لیارا خود، وارد شوید.
+        </p>
+        </Alert>
+        <p>
+            بعد از اتصال به اکانت گیت‌هاب، بر روی گزینه <b>ویرایش دسترسی‌ها</b> کلیک کرده و ریپازیتوری (ریپازیتوری‌های) مدنظرتان را به حساب لیارا متصل کنید. 
+        </p>
+        <p>    
+            برای این کار در ابتدا، حساب شخصی یا سازمانی خود را انتخاب کنید؛ سپس 
+            در صورتی که قصد دارید تمام ریپازیتوری‌های حساب گیت‌هاب‌تان به لیارا متصل شود؛ گزینه <b>All repositories</b> را انتخاب کنید؛ 
+            اما اگر قصد دارید که فقط یک یا چند ریپازیتوری مدنظرتان را انتخاب کنید؛ گزینه <b>Only select repositories</b> را انتخاب کرده و در ادامه ریپازیتوری‌های مدنظرتان را در کشوی باز شده، انتخاب کنید. 
+            در نهایت، بر روی گزینه <b>Install & Authorize</b> کلیک کنید تا ریپازیتوری‌های انتخابی، به حساب لیارا، متصل شوند:
+            </p>
+            <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/edit-access-to-github-account.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+            <div className="h-2" />
+
+            <p>
+                در نهایت، بر روی برنامه خود کلیک کرده وارد صفحه <b>استقرار جدید</b> شوید؛ سپس در منوی <b>گیت‌هاب</b>، ریپازیتوری مدنظرتان را انتخاب کرده و پس از انتخاب نوع استقرار (استقرار در صورت CI موفق یا استقرار خودکار) و branch مدنظرتان، بر روی گزینه <b>اتصال به برنامه</b> کلیک کنید تا برنامه‌تان به ریپازیتوری مدنظرتان متصل شود.
+                در نهایت، کافیست تا یک‌بار بر روی گزینه <b>استقرار دستی</b> کلیک کنید تا آخرین commit شما در لیارا مستقر شود:
+            </p>
+            <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/deploy-project-using-github.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+            <div className="h-2" />
+            <p>
+            پس از انجام کارهای فوق، با هر بار push کردن پروژه‌تان در ریپازیتوری انتخاب شده، 
+            یک استقرار جدید مطابق آخرین تغییرات شما در لیارا، انجام خواهد شد.
+            </p>
+        <div className="h-2" />
+        <Alert variant="error">
+        <p>
+        برای قطع ارتباط برنامه و ریپازیتوری نیز، می‌توانید بر روی دکمه <b>قطع اتصال</b> کلیک کنید تا تغییرات جدید، مستقر نشوند.
+        </p>
+        </Alert>
+        <Alert variant="info">
+        <p>
+        در صورت انتخاب گزینه <b>استقرار در صورت CI موفق</b>، تمامی تست‌های تعریف شده باید pass شده و تیک سبز رنگ گرفته باشند، در غیر این‌صورت،
+        پروژه‌تان در لیارا، مستقر نخواهد شد.
+        </p>
+        </Alert>
+        <div className="h-1" />
+    </>
+
 
 ]} 
 />
diff --git a/src/pages/paas/vue/quick-start.mdx b/src/pages/paas/vue/quick-start.mdx
index b2207f7c..40063068 100644
--- a/src/pages/paas/vue/quick-start.mdx
+++ b/src/pages/paas/vue/quick-start.mdx
@@ -22,7 +22,7 @@ import Head from "next/head";
 توجه داشته باشید؛ تنها برنامه‌هایی که با <Important>Vite</Important> و یا <Important>vue-cli</Important> ساخته شده باشند، در پلتفرم Vue لیارا قابل اجرا خواهند بود.
 
 <Tabs 
-  tabs={["Liara Console", "Liara CLI"]} 
+  tabs={["Liara Console", "Liara CLI", "Github"]} 
   content={[
   <>
   <video
@@ -323,6 +323,232 @@ import Head from "next/head";
 
 ]}/>
   </>,
+  <>
+    برای استقرار با Github، کافیست تا مراحل زیر را طی کنید:
+    <Step  steps={[
+{
+  step: "۱",
+  content: (
+  <>
+    <h3>ورود به حساب کاربری</h3>   
+    <p>وارد <Link className="text-[#2196f3] " href="https://console.liara.ir">کنسول لیارا</Link> شوید و با وارد کردن ایمیل یا شماره همراه ثبت شده، به اکانت خود در لیارا، لاگین کنید.</p>
+  </>
+  )
+  },
+  {
+  step: "۲",
+  content: (
+  <>
+    <h3>ایجاد برنامه</h3>
+    <p>برنامه Vue خود را با شناسه، <Link className="text-[#2196f3] " href="../details/private-network">شبکه خصوصی</Link> و <Link className="text-[#2196f3] " href="../details/plans/about">منابع سخت‌افزاری و بسته امکانات</Link> مدنظرتان ایجاد کنید.</p>
+  </>
+  )
+  },
+  {
+  step: "۳",
+  content: (
+   <>
+    <h3>بررسی فایل <Important>package.json</Important> استاندارد</h3>
+    <p>
+      در نظر داشته باشید که در پروژه‌های استاندارد Vue، یک فایل به نام <Important>package.json</Important>
+      وجود دارد که برای استقرار حائز اهمیت است و این فایل نباید حذف یا دستکاری شود. 
+      قطعه کد زیر یک نمونه استاندارد از فایل <Important>package.json</Important> است:
+    </p>
+    <div className="h-2" />
+    <div dir='ltr'>
+    <Highlight className="json">
+      {`{
+  "name": "vue-getting-started",
+  "version": "0.1.0",
+  "scripts": {
+    "start": "vite preview",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "core-js": "^3.6.5",
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^8.7.1",
+    "vite": "^2.9.8"
+  }
+}`}
+    </Highlight>
+    </div>
+<div className="h-2" />
+    البته در نظر داشته باشید که برای اجرای موفق پروژه‌های مبتنی بر <Important>vite</Important>، باید قطعه کد زیر به فایل <Important>vite.config.js</Important> اضافه شود:
+    <div className="h-2" />
+    <div dir='ltr'>
+    <Highlight className="js">
+      {`export default {
+    // ... rest of configuration
+    build: {
+        outDir: "dist"
+    }
+}`}
+    </Highlight>
+    </div>
+    <div className="h-2" />
+    <p>
+      و یا اگر که برنامه خود را با <Important>vue-cli</Important> ساخته‌اید؛ فایل <Important>package.json</Important> می‌تواند مانند قطعه کد زیر باشد:
+    </p>
+    <div className="h-2" />
+    <div dir='ltr'>
+    <Highlight className="json">
+      {`{
+  "name": "vue-getting-started",
+  "version": "0.1.0",
+  "scripts": {
+    "start": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "core-js": "^3.6.5",
+    "vue": "^3.0.0"
+  }
+}`}
+    </Highlight>
+    </div>
+  
+  </>
+  )
+  },
+  {
+  step: "۴",
+  content: (
+  <>
+    <h3>ساخت فایل <Important>liara.json</Important></h3>
+    <p>
+      در مسیر اصلی پروژه، یک فایل به نام <Important>liara.json</Important> ایجاد کنید و پیکربندی‌های مدنظرتان را در این فایل بنویسید؛ به عنوان مثال:
+    </p>
+        <div className="h-4" />
+        <div dir='ltr'>
+            <Highlight className="json">
+                {`{
+    "vue": {
+    "mirror": true
+    }
+}`}
+            </Highlight>
+        </div>
+        <Alert variant='error'>
+          <p>
+            در فایل فوق، برای جلوگیری از خطا خوردن فرایند استقرار، از فیلدهای <Important>app</Important> و <Important>platform</Important> استفاده نکنید؛ چرا که لیارا، آن‌ها را به صورت خودکار، تشخیص خواهد داد.
+          </p>  
+        </Alert>
+  </>
+  )
+  },
+  {
+  step: "۵",
+  content: (
+
+  <>
+    <h3>ساخت ریپازیتوری در گیت‌هاب</h3>
+    <p>
+      یک ریپازیتوری در حساب گیت‌هاب خود برای برنامه‌مدنظرتان با نام دلخواه‌تان ایجاد کنید.
+    </p>
+  <div className="h-2" />
+  <Alert variant="success">
+<p>
+در صورتی که از قبل، این کار را انجام داده‌اید یا قصد دارید از ریپازیتوری‌های فعلی خود استفاده کنید؛ از این مرحله بگذرید.
+</p>
+</Alert>
+  </>
+  )
+  },
+  {
+  step: "۶",
+  content: (
+  <>
+    <h3>آپلود پروژه در گیت‌هاب</h3>
+    <p>
+      پروژه نهایی خود را در ریپازیتوری‌تان در گیت‌هاب آپلود کنید؛
+      حتماً در نظر داشته باشید که درون پروژه‌تان، فایل <Important>gitignore.</Important> قرار داشته باشد و درون آن، فایل‌های اضافی 
+      برنامه، که قصد ندارید آپلود شوند؛ لیست شده باشند.
+    </p>
+  </>
+  )
+  },
+  {
+  step: "۷",
+  content: (
+  <>
+    <h3>اتصال لیارا به گیت‌هاب</h3>
+    <p>
+      برای اتصال حساب لیارا خود به گیت‌هاب، در لیارا بر روی پروفایل خود کلیک کرده و وارد زیر قسمت <a href="https://console.liara.ir/settings/profile" className="text-[#2196f3]">حساب کاربری</a> شوید. در ادامه 
+      وارد منوی <a href="https://console.liara.ir/settings/github" className="text-[#2196f3]">گیت‌هاب</a> شوید و بر روی دکمه <b>اتصال به گیت‌هاب</b>، کلیک کنید. 
+    </p>
+    <div className="h-1" />
+    <img src="https://files.liara.ir/liara/docs/connect-to-github-on-liara.png" alt="connect to github on liara account" />
+    <div className="h-1" />
+    <p> 
+      پس از 
+      انجام این کار و وارد کردن اطلاعات مربوط به گیت‌هاب، حساب لیارا شما به گیت‌هاب متصل خواهد شد.
+    </p>
+    <div className="h-1" />
+    <img src="https://files.liara.ir/liara/docs/added-github-account-on-liara.png" alt="added github account on liara" />
+    <div className="h-1" />
+
+  <div className="h-2" />
+  <Alert variant="error">
+<p>
+  در صورت مواجه با خطای "اتصال به Github"، بایستی از حساب لیارا خود، خارج شده و مجدداً به وسیله Github، به اکانت لیارا خود، وارد شوید.
+</p>
+</Alert>
+  </>
+  )
+  },
+  {
+  step: "۸",
+  content: (
+  <>
+    <h3>ویرایش دسترسی‌ها</h3>
+    <p>
+      بعد از اتصال به اکانت گیت‌هاب، بر روی گزینه <b>ویرایش دسترسی‌ها</b> کلیک کرده و ریپازیتوری (ریپازیتوری‌های) مدنظرتان را به حساب لیارا متصل کنید.
+    </p>
+    <div className="h-2" />
+    <video
+    src="https://files.liara.ir/liara/docs/edit-access-to-github-account.mp4"
+    controls="controls"
+    className="block w-full"
+    width="100%"
+    ></video>
+    <div className="h-2" />
+  </>
+  )
+  },
+  {
+  step: "۹",
+  content: (
+  <>
+    <h3>استقرار برنامه</h3>
+    <p>
+        در نهایت، بر روی برنامه خود کلیک کرده وارد صفحه <b>استقرار جدید</b> شوید؛ سپس در منوی <b>گیت‌هاب</b>، ریپازیتوری مدنظرتان را انتخاب کرده و پس از انتخاب نوع استقرار و branch مدنظرتان، بر روی گزینه <b>اتصال به برنامه</b> کلیک کنید تا برنامه‌تان به ریپازیتوری مدنظرتان متصل شود.
+        در نهایت، کافیست تا یک‌بار بر روی گزینه <b>استقرار دستی</b> کلیک کنید تا آخرین commit شما در لیارا مستقر شود.
+    </p>
+  <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/deploy-project-using-github.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
+  <div className="h-2" />
+    <Alert variant="info">
+<p>
+  برای قطع ارتباط برنامه و ریپازیتوری نیز، می‌توانید بر روی دکمه <b>قطع اتصال</b> کلیک کنید تا تغییرات جدید، مستقر نشوند.
+</p>
+</Alert>
+<div className="h-1" />
+
+  </>
+  )
+  }
+
+]}/>
+
+  </>
 
 ]} 
 />