add some vids and one-click-apps docs

liara-cloud · Oct 19, 2024 · 25e887b · 25e887b
1 parent 086e253
commit 25e887b
Show file tree

Hide file tree

Showing 10 changed files with 541 additions and 1 deletion.
diff --git a/src/components/Sidebar/data.js b/src/components/Sidebar/data.js
@@ -4158,6 +4158,16 @@ export default {
         icon: <IconContainer alt="https://one-click-apps.storage.iran.liara.space/mixpost/communityIcon_grq1bunhrg8c1.ico" />,
         link: "/one-click-apps/mixpost/quick-start"
       },
+      {
+        title: "Vvveb",
+        icon: <IconContainer alt="https://one-click-apps.storage.iran.liara.space/vvveb/vvveb-logo.png" />,
+        link: "/one-click-apps/vvveb/quick-start"
+      },
+      {
+        title: "Rallly",
+        icon: <IconContainer alt="https://one-click-apps.storage.iran.liara.space/rallly/rallly-logo.png" />,
+        link: "/one-click-apps/rallly/quick-start"
+      },
 
     ],
     'liara-compose': [
@@ -6019,6 +6029,78 @@ export default {
         link: "/one-click-apps/mixpost/how-tos/choose-version"
       },
     ], 
+
+    vvveb: [
+      {
+        badge: (
+          <div className="flex items-center gap-2">
+          <IconContainer alt="https://one-click-apps.storage.iran.liara.space/vvveb/vvveb-logo.png" />
+            برنامه Vvveb
+          </div>
+        )
+      },
+      {
+        title: "برگشت به برنامه‌های آماده",
+        icon: <GoArrowRight />,
+        link: "/one-click-apps/about"
+      },
+      {
+        title: "راه‌اندازی سریع!",
+        icon: <GoZap  />,
+        link: "/one-click-apps/vvveb/quick-start"
+      },
+      {
+        hr: true
+      },
+      {
+        badge: (
+          <div className="flex items-center gap-2">
+          < GoPackage   />
+            شیوه‌ی
+          </div>
+        )
+      },
+      {
+        title: "تغییر نسخه‌ی برنامه مستقر شده",
+        link: "/one-click-apps/vvveb/how-tos/choose-version"
+      },
+    ], 
+
+    rallly: [
+      {
+        badge: (
+          <div className="flex items-center gap-2">
+          <IconContainer alt="https://one-click-apps.storage.iran.liara.space/rallly/rallly-logo.png" />
+            برنامه Rallly
+          </div>
+        )
+      },
+      {
+        title: "برگشت به برنامه‌های آماده",
+        icon: <GoArrowRight />,
+        link: "/one-click-apps/about"
+      },
+      {
+        title: "راه‌اندازی سریع!",
+        icon: <GoZap  />,
+        link: "/one-click-apps/rallly/quick-start"
+      },
+      {
+        hr: true
+      },
+      {
+        badge: (
+          <div className="flex items-center gap-2">
+          < GoPackage   />
+            شیوه‌ی
+          </div>
+        )
+      },
+      {
+        title: "تغییر نسخه‌ی برنامه مستقر شده",
+        link: "/one-click-apps/rallly/how-tos/choose-version"
+      },
+    ], 
   },
 
   email_server: {

diff --git a/src/pages/one-click-apps/about.mdx b/src/pages/one-click-apps/about.mdx
@@ -281,6 +281,26 @@ import Head from "next/head";
         alt:"https://one-click-apps.storage.iran.liara.space/passbolt/passbolt-logo.png",
         link: "/one-click-apps/passbolt/quick-start"
       },
+      {
+        title: "Docuseal",
+        alt:"https://one-click-apps.storage.iran.liara.space/docuseal/docuseal-logo.png",
+        link: "/one-click-apps/docuseal/quick-start"
+      },
+      {
+        title: "Mixpost",
+        alt:"https://one-click-apps.storage.iran.liara.space/mixpost/communityIcon_grq1bunhrg8c1.ico",
+        link: "/one-click-apps/mixpost/quick-start"
+      },
+      {
+        title: "Vvveb",
+        alt:"https://one-click-apps.storage.iran.liara.space/vvveb/vvveb-logo.png",
+        link: "/one-click-apps/vvveb/quick-start"
+      },
+      {
+        title: "Rallly",
+        alt:"https://one-click-apps.storage.iran.liara.space/rallly/rallly-logo.png",
+        link: "/one-click-apps/rallly/quick-start"
+      },
   ].map(item =>
               <Link href={item.link}>
                 <Card className="flex cursor-pointer w-full items-center justify-between">

diff --git a/src/pages/one-click-apps/rallly/how-tos/choose-version.mdx b/src/pages/one-click-apps/rallly/how-tos/choose-version.mdx
@@ -0,0 +1,54 @@
+import Layout from "@/components/Layout";
+import Button from "@/components/Common/button";
+import Section from "@/components/Common/section";
+import Alert from "@/components/Common/alert";
+import Tabs from "@/components/Common/tab";
+import Step from "@/components/Common/step";
+import Card from "@/components/Common/card";
+import Important from "@/components/Common/important";
+import Highlight from "@/components/Common/highlight";
+import Link from "next/link";
+import {GoArrowLeft} from "react-icons/go";
+
+import Head from "next/head";
+
+<Layout>
+<Head>
+<title>مستندات تغییر نسخه Rallly - لیارا</title>
+</Head>
+# تغییر نسخه‌ی برنامه مستقر شده
+<hr className="mb-2" />
+
+اگر که قصد دارید نسخه برنامه خود را بنا به هر دلیلی تغییر دهید؛ کافیست تا پس از <a href="../../quick-start" className="text-[#2196f3] ">ساخت برنامه در لیارا</a>، در Local یک دایرکتوری با نام دلخواه ایجاد کنید.
+وارد دایرکتوری شده و درون این دایرکتوری، یک فایل به نام <Important>liara.json</Important>، ایجاد کنید. سپس کافیست تا قطعه کد زیر را درون آن، قرار دهید:
+
+<div className="h-4" />
+<div dir='ltr'>
+    <Highlight className="json">
+      {`{
+    "image": "lukevella/rallly:<your-version>",
+    "port": 3000,
+    "app": "<your-app-name>"
+}`}
+    </Highlight>
+</div>
+<div className="h-2" />
+
+در قطعه کد فوق، بایستی به جای عبارت <Important>\<your-version\></Important> 
+ورژن موردنظر برنامه‌تان را وارد کنید.
+همچنین باید به جای عبارت
+<Important>\<your-app-name\></Important> نیز، 
+شناسه برنامه خود را قرار دهید. 
+<div className="h-2" />
+
+در نهایت کافیست با استفاده از ابزار <a href="/references/cli/about" className="text-[#2196f3] "><Important>Liara CLI</Important></a> و در جایی که فایل <Important>liara.json</Important> قرار دارد، دستور زیر را اجرا کنید تا برنامه‌تان در لیارا، مستقر شود:
+
+<div className="h-4" />
+<div dir='ltr'>
+    <Highlight className="json">
+      {`liara deploy`}
+    </Highlight>
+</div>
+<div className="h-2" />
+
+</Layout>
diff --git a/src/pages/one-click-apps/rallly/quick-start.mdx b/src/pages/one-click-apps/rallly/quick-start.mdx
@@ -0,0 +1,150 @@
+import Layout from "@/components/Layout";
+import Button from "@/components/Common/button";
+import Section from "@/components/Common/section";
+import Alert from "@/components/Common/alert";
+import Tabs from "@/components/Common/tab";
+import Step from "@/components/Common/step";
+import Card from "@/components/Common/card";
+import Important from "@/components/Common/important";
+import Highlight from "@/components/Common/highlight";
+import Link from "next/link";
+import {GoArrowLeft} from "react-icons/go";
+
+import Head from "next/head";
+
+<Layout>
+<Head>
+<title>مستندات راه‌اندازی سریع برنامه‌های Rallly - لیارا</title>
+</Head>
+
+# راه‌اندازی سریع برنامه‌های Rallly
+<hr className="mb-2" />
+
+  {/* <video
+  src="https://files.liara.ir/liara/docs/Rallly.mp4"
+  controls="controls"
+  className="block w-full"
+  width="100%"
+  />
+  <br /> */}
+
+<a href="https://rallly.co/" className="text-[#2196f3] ">Rallly</a> یک ابزار آنلاین برای برنامه‌ریزی جلسات و رویدادها به صورت گروهی است. این پلتفرم به کاربران اجازه می‌دهد تاریخ‌های پیشنهادی برای یک رویداد یا جلسه را به اشتراک بگذارند و دیگران می‌توانند برای هماهنگی و تصمیم‌گیری بهتر به آن‌ها رای دهند. Rallly یک روش ساده برای جمع‌آوری نظرات و پیدا کردن بهترین زمان برای برگزاری یک جلسه با اعضای یک تیم، دوستان یا همکاران است، بدون نیاز به ارسال ایمیل‌های متعدد.
+
+
+
+<div className="h-4" />
+
+برای راه‌اندازی برنامه با استفاده از ابزار <Link className="text-[#2196f3] " href="/references/console/about">Liara Console</Link> کافیست تا مراحل زیر را طی کنید:
+
+<Step  steps={[
+{
+step: "۱",
+content: (
+<>
+<h3>ورود به حساب کاربری</h3>   
+<p>وارد <Link className="text-[#2196f3] " href="https://console.liara.ir">کنسول لیارا</Link> شوید و با وارد کردن ایمیل یا شماره همراه ثبت شده، به اکانت خود در لیارا، لاگین کنید.</p>
+</>
+)
+},
+{
+step: "۲",
+content: (
+<>
+<h3>راه‌اندازی برنامه</h3>
+<p>
+    بر روی منوی <b>برنامه‌های آماده</b> و سپس بر روی برنامه <b>rallly</b>، کلیک کنید. 
+    در ادامه، می‌توانید از گزینه <b>نصب سریع</b> یا گزینه <b>نصب پیشرفته</b> برای استقرار و نصب برنامه‌تان استفاده کنید:
+</p>
+<Tabs 
+    tabs={["نصب سریع", "نصب پیشرفته"]} 
+    content={[
+    <>
+      <p>
+      در صورتی که از قابلیت <b>نصب سریع</b> استفاده کنید؛ لیارا از شما می‌خواهد که یک 
+      ‌نام برای برنامه خود، انتخاب کنید؛ که شما می‌توانید در صورت تمایل و پس از وارد کردن نام موردنظرتان برای برنامه، بر روی گزینه <b>نصب و راه‌اندازی</b> کلیک کنید تا برنامه‌‌تان ساخته و نصب شود. 
+      </p>
+
+      <div className="h-4" />
+      <img src="https://files.liara.ir/liara/docs/one-click-app-quick-setup.gif" alt="create one click app using quick setup feature" />
+      <div className="h-4" />
+
+      <p>
+        با انجام کار فوق، لیارا برای برنامه(برنامه‌ها)ی شما،   
+        شناسه منحصربه‌فرد و یک <a href="/paas/details/private-network" className="text-[#2196f3]">شبکه خصوصی</a> جدید با <a href="/paas/details/plans/hardware-plans" className="text-[#2196f3]">پلن سخت‌افزاری</a> و <a href="/paas/details/plans/software-plans" className="text-[#2196f3]">بسته امکانات </a> پیش‌فرض، ایجاد می‌کند و پس از موفقیت آمیز بودن نصب برنامه، شما می‌توانید وضعیت برنامه‌تان 
+        را در بخش <a href="/paas/details/events" className="text-[#2196f3]">رویدادها</a> و <a href="/paas/details/observations/software" className="text-[#2196f3]">لاگ‌ها</a> بررسی کنید.
+      </p>   
+    </>,
+    <>
+      <p>
+        در صورتی که بر روی گزینه <b>نصب پیشرفته</b> کلیک کنید به یک صفحه جدید هدایت می‌شوید که 
+        در این صفحه می‌توانید برای برنامه (برنامه‌ها) و دیتابیس (دیتابیس‌ها)ی مدنظرتان شناسه  
+        و <a href="/paas/details/plans/hardware-plans" className="text-[#2196f3]">پلن سخت‌‌افزاری</a> انتخاب کنید. 
+        در نظر داشته باشید که <a href="/paas/details/plans/software-plans" className="text-[#2196f3]">بسته امکانات</a> برنامه‌تان، متناسب 
+        با نیازهای برنامه‌تان است که به صورت پیش‌فرض انتخاب می‌شود.
+      </p>
+      <div className="h-4" />
+      <p>
+        در این صفحه، شما می‌توانید <a href="/paas/details/private-network" className="text-[#2196f3]">شبکه خصوصی</a> مدنظرتان را انتخاب کنید 
+        تا برنامه‌تان در شبکه خصوصی انتخاب‌شده، نصب شود. در صورتی که شبکه خصوصی برای برنامه انتخاب نشود، 
+        لیارا به صورت خودکار، یک شبکه خصوصی برای برنامه‌تان ایجاد می‌کند.
+      </p>
+      <div className="h-4" />
+      <p>
+        همچنین، شما می‌توانید با کلیک بر روی گزینه <b>ویرایش Liara Compose</b>، <Important>Liara Compose</Important> برنامه را بنا به نیاز خود، شخصی‌سازی کنید. 
+        در این فایل، شما می‌توانید تگ داکرایمیج، آیدی، پلن سخت‌افزاری، بسته امکانات، متغیرهای محیطی و ... برنامه‌تان 
+        را تغییر داده یا سازمان‌دهی کنید.
+      </p>
+      <div className="h-4" />
+      <Alert variant="success">
+        <p>
+          همچنین بخوانید: <a href="/one-click-apps/liara-compose/about/" className="text-[#2196f3]">فایل <Important>Liara Compose</Important> چیست؟</a>
+        </p>
+      </Alert>
+      <Alert variant="info">
+        <p>
+          محتوای کامل <Important>Liara Compose</Important> برنامه در <a href="https://github.com/liara-cloud/compose-templates/blob/master/Rallly/liara-compose.yaml" className="text-[#2196f3]">اینجا</a>، قرار گرفته است.
+        </p>
+      </Alert>
+    </>
+    ]} 
+  />
+
+</>
+)
+},
+
+]}/>
+
+{/* <div className='h-4' />
+<Alert className="info">
+  <p>
+    اطلاعات ورود به حساب کاربری نظیر <Important>Username</Important> و <Important>Password</Important> در ورود اولیه به ترتیب برابر با <Important>admin</Important> و <Important>Rallly</Important> است.
+  </p>
+</Alert> */}
+
+
+<Section id="see-also" title="همچنین بخوانید:" />
+
+<div className='h-2' />
+<div className="grid md:grid-cols-1 gap-4">
+            {[
+      {
+        title: "تغییر نسخه‌ی برنامه مستقر شده",
+        link: "/one-click-apps/Rallly/how-tos/choose-version"
+      },
+  ].map(item =>
+    <Link href={item.link}>
+    <Card className="flex cursor-pointer w-full items-center justify-between">
+        <div className="flex items-center gap-3">
+        <h4>
+            {item.title}
+        </h4>
+        </div>
+        <GoArrowLeft className="ml-1" />
+    </Card>
+    </Link>
+            )}
+</div>
+
+
+</Layout>
diff --git a/src/pages/one-click-apps/vvveb/how-tos/choose-version.mdx b/src/pages/one-click-apps/vvveb/how-tos/choose-version.mdx
@@ -0,0 +1,64 @@
+import Layout from "@/components/Layout";
+import Button from "@/components/Common/button";
+import Section from "@/components/Common/section";
+import Alert from "@/components/Common/alert";
+import Tabs from "@/components/Common/tab";
+import Step from "@/components/Common/step";
+import Card from "@/components/Common/card";
+import Important from "@/components/Common/important";
+import Highlight from "@/components/Common/highlight";
+import Link from "next/link";
+import {GoArrowLeft} from "react-icons/go";
+
+import Head from "next/head";
+
+<Layout>
+<Head>
+<title>مستندات تغییر نسخه vvveb - لیارا</title>
+</Head>
+# تغییر نسخه‌ی برنامه مستقر شده
+<hr className="mb-2" />
+
+اگر که قصد دارید نسخه برنامه خود را بنا به هر دلیلی تغییر دهید؛ کافیست تا پس از <a href="../../quick-start" className="text-[#2196f3] ">ساخت برنامه در لیارا</a>، در Local یک دایرکتوری با نام دلخواه ایجاد کنید.
+وارد دایرکتوری شده و درون این دایرکتوری، یک فایل به نام <Important>liara.json</Important>، ایجاد کنید. سپس کافیست تا قطعه کد زیر را درون آن، قرار دهید:
+
+<div className="h-4" />
+<div dir='ltr'>
+    <Highlight className="json">
+      {`{
+    "image": "vvveb/vvvebcms:<your-version>",
+    "port": 80,
+    "app": "<your-app-name>",
+    "disks": [
+      {
+        "name": "data", 
+        "mountTo": "/var/www/html"
+      },
+      {
+        "name": "database", 
+        "mountTo": "/var/lib/mysql"
+      }
+    ]
+}`}
+    </Highlight>
+</div>
+<div className="h-2" />
+
+در قطعه کد فوق، بایستی به جای عبارت <Important>\<your-version\></Important> 
+ورژن موردنظر برنامه‌تان را وارد کنید.
+همچنین باید به جای عبارت
+<Important>\<your-app-name\></Important> نیز، 
+شناسه برنامه خود را قرار دهید. 
+<div className="h-2" />
+
+در نهایت کافیست با استفاده از ابزار <a href="/references/cli/about" className="text-[#2196f3] "><Important>Liara CLI</Important></a> و در جایی که فایل <Important>liara.json</Important> قرار دارد، دستور زیر را اجرا کنید تا برنامه‌تان در لیارا، مستقر شود:
+
+<div className="h-4" />
+<div dir='ltr'>
+    <Highlight className="json">
+      {`liara deploy`}
+    </Highlight>
+</div>
+<div className="h-2" />
+
+</Layout>