docs: add teams to all platforms

liara-cloud · Dec 28, 2024 · 7620611 · 7620611
1 parent cccce5d
commit 7620611
Show file tree

Hide file tree

Showing 17 changed files with 310 additions and 128 deletions.
diff --git a/src/pages/paas/angular/how-tos/create-app.mdx b/src/pages/paas/angular/how-tos/create-app.mdx
@@ -27,30 +27,32 @@ import Head from "next/head";
     tabs={["Liara Console", "Liara CLI"]} 
     content={[
     <>
-        <video
+        {/* <video
         src="https://files.liara.ir/liara/angular/angular-desktop.mp4"
         controls="controls"
         className="block w-full"
         width="100%"
         ></video>
-        <div className="h-2" />
+        <div className="h-2" /> */}
         <p>
-            برای ساخت برنامه، کافیست تا پس از ورود به <Link className="text-[#2196f3] " href="https://console.liara.ir">پنل کاربری</Link> وارد منوی <Link className="text-[#2196f3] " href="https://console.liara.ir/apps">پلتفرم</Link> شوید؛ بر روی گزینه <Link className="text-[#2196f3] " href="https://console.liara.ir/apps/create">ایجاد برنامه</Link> کلیک کرده و پلتفرم را بر روی <b>Angular</b> تنظیم کنید.
+            برای ساخت برنامه، کافیست تا پس از ورود به <Link className="text-[#2196f3] " href="https://console.liara.ir">پنل کاربری</Link> 
+            {" "} وارد <a href="/references/team/about/" className="text-[#2196f3]">تیم مدنظرتان</a> یا حساب شخصی‌تان، شوید؛ سپس
+            وارد منوی <Link className="text-[#2196f3] " href="https://console.liara.ir/apps">پلتفرم</Link> شوید؛ بر روی گزینه <Link className="text-[#2196f3] " href="https://console.liara.ir/apps/create">ایجاد برنامه</Link> کلیک کرده و پلتفرم را بر روی <b>Angular</b> تنظیم کنید.
             در ادامه باید برای برنامه‌تان یک شناسه و یک <a className="text-[#2196f3] " href="/paas/details/private-network/">شبکه خصوصی</a> انتخاب کنید و در نهایت <a className="text-[#2196f3] " href="/paas/details/plans/about">منابع سخت‌افزاری و بسته امکانات</a> مدنظرتان را انتخاب کنید. 
-            در آخر، کافیست تا بر روی گزینه <b>ایجاد برنامه</b> کلیک کنید تا برنامه‌تان ساخته شود:
+            در آخر، کافیست تا بر روی گزینه <b>ایجاد برنامه</b> کلیک کنید تا برنامه‌تان ساخته شود.
         </p>
-        <img src="https://files.liara.ir/liara/docs/create-angular-app-using-console.gif" alt="create app using console" />
-        <div className="h-4" />
+        {/* <img src="https://files.liara.ir/liara/docs/create-angular-app-using-console.gif" alt="create app using console" />
+        <div className="h-4" /> */}
     </>,
 
     <>
-    <video
+    {/* <video
         src="https://files.liara.ir/liara/angular/angular-cli.mp4"
         controls="controls"
         className="block w-full"
         width="100%"
-    ></video>
-    <div className="h-2" />
+    ></video> */}
+    {/* <div className="h-2" /> */}
     <p>
         برای ساخت برنامه در لیارا باید در ابتدا با اجرای دستور زیر، ابزار <Link href="/references/cli/about" className="text-[#2196f3] ">Liara CLI</Link> را بر روی سیستم‌عامل خود، نصب کنید:
     </p>
@@ -94,7 +96,7 @@ import Head from "next/head";
       </Highlight>
     </div>
     <p>
-        با اجرای دستور فوق، شما باید شناسه، نوع پلتفرم (که باید بر روی angular باشد)، شبکه خصوصی و <Link className="text-[#2196f3] " href="/paas/details/plans/about">منابع سخت‌افزاری و بسته امکانات</Link> برنامه خود را انتخاب کنید.
+        با اجرای دستور فوق، شما باید تیم یا اکانت شخصی‌تان، شناسه، نوع پلتفرم (که باید بر روی angular باشد)، شبکه خصوصی و <Link className="text-[#2196f3] " href="/paas/details/plans/about">منابع سخت‌افزاری و بسته امکانات</Link> برنامه خود را انتخاب کنید.
     </p>
     </>,
 

diff --git a/src/pages/paas/angular/how-tos/deploy-app.mdx b/src/pages/paas/angular/how-tos/deploy-app.mdx
@@ -116,11 +116,11 @@ import Head from "next/head";
         ></video>
         <div className="h-4" />
         <p>
-            پس از آپلود پروژه، باید شخصی‌سازی‌های پروژه را در برنامه خود، لحاظ کنید:
+            پس از آپلود پروژه، باید شخصی‌سازی‌های پروژه را در برنامه خود، لحاظ کنید.
         </p>
-        <div className="h-4" />
+        {/* <div className="h-4" />
         <img src="https://files.liara.ir/liara/docs/deploy-angular-app-using-console.gif" alt="build app on liara" />
-        <div className="h-4" />
+        <div className="h-4" /> */}
         <p>
             در انتها، به صورت مستقیم به <a href="/paas/details/private-registry" className="text-[#2196f3] ">صفحه تاریخچه برنامه</a> هدایت می‌شوید که می‌توانید لاگ‌های مربوط به استقرار را در آن، مشاهده بفرمایید. 
         </p>

diff --git a/src/pages/paas/angular/quick-start.mdx b/src/pages/paas/angular/quick-start.mdx
@@ -50,14 +50,31 @@ import Head from "next/head";
   {
   step: "۲",
   content: (
+  <>
+    <h3>انتخاب حساب</h3>
+    <p>حساب شخصی یا تیم مدنظرتان برای استقرار برنامه را انتخاب کنید.</p>
+
+    <div className="h-4" />
+    <Alert variant="success">
+      <p>
+        همچنین بخوانید: <a href="/references/team/about/" className="text-[#2196f3]">مدیریت تیم‌ها در لیارا</a>
+      </p>
+    </Alert>
+  </>
+
+  )
+  },
+  {
+  step: "۳",
+  content: (
   <>
     <h3>ایجاد برنامه</h3>
     <p>برنامه Angular خود را با شناسه، <Link className="text-[#2196f3] " href="../details/private-network">شبکه خصوصی</Link> و <Link className="text-[#2196f3] " href="../details/plans/about">منابع سخت‌افزاری و بسته امکانات</Link> مدنظرتان ایجاد کنید.</p>
   </>
   )
   },
   {
-  step: "۳",
+  step: "۴",
   content: (
   <>
     <h3>حذف فایل‌های اضافی</h3>
@@ -66,7 +83,7 @@ import Head from "next/head";
   )
   },
   {
-  step: "۴",
+  step: "۵",
   content: (
   <>
     <h3>بررسی فایل <Important>package.json</Important> استاندارد</h3>
@@ -112,7 +129,7 @@ import Head from "next/head";
   )
   },
   {
-  step: "۵",
+  step: "۶",
   content: (
   <>
     <h3>زیپ و آپلود پروژه</h3>
@@ -121,7 +138,7 @@ import Head from "next/head";
   )
   },
   {
-  step: "۶",
+  step: "۷",
   content: (
   <>
     <h3>استقرار پروژه</h3>
@@ -311,17 +328,34 @@ import Head from "next/head";
   </>
   )
   },
-  {
+   {
   step: "۲",
   content: (
+  <>
+    <h3>انتخاب حساب</h3>
+    <p>حساب شخصی یا تیم مدنظرتان برای استقرار برنامه را انتخاب کنید.</p>
+
+    <div className="h-4" />
+    <Alert variant="success">
+      <p>
+        همچنین بخوانید: <a href="/references/team/about/" className="text-[#2196f3]">مدیریت تیم‌ها در لیارا</a>
+      </p>
+    </Alert>
+  </>
+
+  )
+  },
+  {
+  step: "۳",
+  content: (
   <>
     <h3>ایجاد برنامه</h3>
     <p>برنامه Angular خود را با شناسه، <Link className="text-[#2196f3] " href="../details/private-network">شبکه خصوصی</Link> و <Link className="text-[#2196f3] " href="../details/plans/about">منابع سخت‌افزاری و بسته امکانات</Link> مدنظرتان ایجاد کنید.</p>
   </>
   )
   },
   {
-  step: "۳",
+  step: "۴",
   content: (
    <>
     <h3>بررسی فایل <Important>package.json</Important> استاندارد</h3>
@@ -368,7 +402,7 @@ import Head from "next/head";
   )
   },
   {
-  step: "۴",
+  step: "۵",
   content: (
   <>
     <h3>ساخت فایل <Important>liara.json</Important></h3>
@@ -395,7 +429,7 @@ import Head from "next/head";
   )
   },
   {
-  step: "۵",
+  step: "۶",
   content: (
 
   <>
@@ -413,7 +447,7 @@ import Head from "next/head";
   )
   },
   {
-  step: "۶",
+  step: "۷",
   content: (
   <>
     <h3>آپلود پروژه در گیت‌هاب</h3>
@@ -426,7 +460,7 @@ import Head from "next/head";
   )
   },
   {
-  step: "۷",
+  step: "۸",
   content: (
   <>
     <h3>اتصال لیارا به گیت‌هاب</h3>
@@ -455,7 +489,7 @@ import Head from "next/head";
   )
   },
   {
-  step: "۸",
+  step: "۹",
   content: (
   <>
     <h3>ویرایش دسترسی‌ها</h3>
@@ -474,7 +508,7 @@ import Head from "next/head";
   )
   },
   {
-  step: "۹",
+  step: "۱۰",
   content: (
   <>
     <h3>استقرار برنامه</h3>

diff --git a/src/pages/paas/django/how-tos/deploy-app.mdx b/src/pages/paas/django/how-tos/deploy-app.mdx
@@ -61,11 +61,11 @@ tzdata==2024.1
         ></video>
         <div className="h-4" />
         <p>
-            پس از آپلود پروژه، باید شخصی‌سازی‌های پروژه را در برنامه خود، لحاظ کنید:
+            پس از آپلود پروژه، باید شخصی‌سازی‌های پروژه را در برنامه خود، لحاظ کنید.
         </p>
-        <div className="h-4" />
+        {/* <div className="h-4" />
         <img src="https://files.liara.ir/liara/docs/deploy-django-app-using-console.gif" alt="build app on liara" />
-        <div className="h-4" />
+        <div className="h-4" /> */}
         <p>
             در انتها، به صورت مستقیم به <a href="/paas/details/private-registry" className="text-[#2196f3] ">صفحه تاریخچه برنامه</a> هدایت می‌شوید که می‌توانید لاگ‌های مربوط به استقرار را در آن، مشاهده بفرمایید. 
         </p>

diff --git a/src/pages/paas/docker/how-tos/create-app.mdx b/src/pages/paas/docker/how-tos/create-app.mdx
@@ -26,29 +26,31 @@ import Head from "next/head";
     tabs={["Liara Console", "Liara CLI"]} 
     content={[
     <>
-        <video
+        {/* <video
         src="https://files.liara.ir/liara/docker/docker-desktop.mp4"
         controls="controls"
         className="block w-full"
         width="100%"
         ></video>
-        <div className="h-2" />
+        <div className="h-2" /> */}
         <p>
-            برای ساخت برنامه، کافیست تا پس از ورود به <Link className="text-[#2196f3] " href="https://console.liara.ir">پنل کاربری</Link> وارد منوی <Link className="text-[#2196f3] " href="https://console.liara.ir/apps">پلتفرم</Link> شوید؛ بر روی گزینه <Link className="text-[#2196f3] " href="https://console.liara.ir/apps/create">ایجاد برنامه</Link> کلیک کرده و پلتفرم را بر روی <b>Docker</b> تنظیم کنید.
+            برای ساخت برنامه، کافیست تا پس از ورود به <Link className="text-[#2196f3] " href="https://console.liara.ir">پنل کاربری</Link> 
+            {" "} وارد <a href="/references/team/about/" className="text-[#2196f3]">تیم مدنظرتان</a> یا حساب شخصی‌تان، شوید؛ سپس
+            وارد منوی <Link className="text-[#2196f3] " href="https://console.liara.ir/apps">پلتفرم</Link> شوید؛ بر روی گزینه <Link className="text-[#2196f3] " href="https://console.liara.ir/apps/create">ایجاد برنامه</Link> کلیک کرده و پلتفرم را بر روی <b>Docker</b> تنظیم کنید.
             در ادامه باید برای برنامه‌تان یک شناسه و یک <a className="text-[#2196f3] " href="/paas/details/private-network/">شبکه خصوصی</a> انتخاب کنید و در نهایت <a className="text-[#2196f3] " href="/paas/details/plans/about">منابع سخت‌افزاری و بسته امکانات</a> مدنظرتان را انتخاب کنید. 
-            در آخر، کافیست تا بر روی گزینه <b>ایجاد برنامه</b> کلیک کنید تا برنامه‌تان ساخته شود:
+            در آخر، کافیست تا بر روی گزینه <b>ایجاد برنامه</b> کلیک کنید تا برنامه‌تان ساخته شود.
         </p>
-        <img src="https://files.liara.ir/liara/docs/create-docker-app-using-console.gif" alt="create app using console" />
-        <div className="h-4" />
+        {/* <img src="https://files.liara.ir/liara/docs/create-docker-app-using-console.gif" alt="create app using console" />
+        <div className="h-4" /> */}
     </>,
     <>
-    <video
+    {/* <video
         src="https://files.liara.ir/liara/docker/docker-cli.mp4"
         controls="controls"
         className="block w-full"
         width="100%"
-    ></video>
-    <div className="h-2" />
+    ></video> */}
+    {/* <div className="h-2" /> */}
     <p>
         برای ساخت برنامه در لیارا باید در ابتدا با اجرای دستور زیر، ابزار <Link href="/references/cli/about" className="text-[#2196f3] ">Liara CLI</Link> را بر روی سیستم‌عامل خود، نصب کنید:
     </p>
@@ -93,7 +95,7 @@ import Head from "next/head";
       </Highlight>
     </div>
     <p>
-        با اجرای دستور فوق، شما باید شناسه، نوع پلتفرم (که باید بر روی docker باشد)، شبکه خصوصی و <Link className="text-[#2196f3] " href="/paas/details/plans/about">منابع سخت‌افزاری و بسته امکانات</Link> برنامه خود را انتخاب کنید.
+        با اجرای دستور فوق، شما باید تیم یا حساب شخصی‌تان، شناسه، نوع پلتفرم (که باید بر روی docker باشد)، شبکه خصوصی و <Link className="text-[#2196f3] " href="/paas/details/plans/about">منابع سخت‌افزاری و بسته امکانات</Link> برنامه خود را انتخاب کنید.
     </p>
 
     </>,

diff --git a/src/pages/paas/docker/how-tos/deploy-app.mdx b/src/pages/paas/docker/how-tos/deploy-app.mdx
@@ -31,7 +31,7 @@ import Head from "next/head";
         <>
         <p>
             در ابتدا، پس از <a className="text-[#2196f3] " href="../create-app">ساخت برنامه</a> بایستی تمام فایل‌ها و پوشه‌هایی که قصد ندارید در لیارا آپلود شوند را، از پروژه پاک کنید.
-             به عنوان مثال، اگر که برنامه‌تان مبتنی بر Python باشد، باید پوشه‌ venv. و اگر برنامه‌تان مبتنی بر NodeJS است، باید دایرکتوری node_modules را از پروژه خود پاک کنید؛ چرا که لیارا در حین فرایند استقرار، آن‌ها را برای شما ایجاد خواهد کرد. به صورت کلی، اگر که در پروژه خود فایلی به نام <Important>gitignore.</Important> یا <Important>dockerignore.</Important> دارید، کافیست تا فایل‌های و دایرکتوری‌های اشاره شده در این فایل را، از پروژه خود پاک کنید.
+            به عنوان مثال، اگر که برنامه‌تان مبتنی بر Python باشد، باید پوشه‌ venv. و اگر برنامه‌تان مبتنی بر NodeJS است، باید دایرکتوری node_modules را از پروژه خود پاک کنید؛ چرا که لیارا در حین فرایند استقرار، آن‌ها را برای شما ایجاد خواهد کرد. به صورت کلی، اگر که در پروژه خود فایلی به نام <Important>gitignore.</Important> یا <Important>dockerignore.</Important> دارید، کافیست تا فایل‌های و دایرکتوری‌های اشاره شده در این فایل را، از پروژه خود پاک کنید.
         </p>
         <div className="h-4" />
         <p>
@@ -151,11 +151,11 @@ CMD ["./main"]`}
         ></video>
         <div className="h-4" />
         <p>
-            پس از آپلود پروژه، باید شخصی‌سازی‌های پروژه را در برنامه خود، لحاظ کنید:
+            پس از آپلود پروژه، باید شخصی‌سازی‌های پروژه را در برنامه خود، لحاظ کنید.
         </p>
-        <div className="h-4" />
+        {/* <div className="h-4" />
         <img src="https://files.liara.ir/liara/docs/deploy-docker-app-using-console.gif" alt="build app on liara" />
-        <div className="h-4" />
+        <div className="h-4" /> */}
         <p>
             در انتها، به صورت مستقیم به <a href="/paas/details/private-registry" className="text-[#2196f3] ">صفحه تاریخچه برنامه</a> هدایت می‌شوید که می‌توانید لاگ‌های مربوط به استقرار را در آن، مشاهده بفرمایید. 
         </p>