add nocodb one-click-app docs

liara-cloud · Feb 5, 2024 · 58f778e · 58f778e
1 parent 3a30b10
commit 58f778e
Show file tree

Hide file tree

Showing 5 changed files with 104 additions and 0 deletions.
diff --git a/components/PlatformIcon.js b/components/PlatformIcon.js
@@ -44,6 +44,7 @@ import ackeeIcon from "../public/static/platforms/ackee.png";
 import appsmithIcon from "../public/static/platforms/appsmith.png";
 import varnishIcon from "../public/static/platforms/varnish.svg";
 import apacheanswerIcon from "../public/static/platforms/apache-answer.png";
+import nocodbIcon from "../public/static/platforms/nocodb.png";
 
 import seqIcon from "@liara/platformicons/glass/png/seq.png";
 import yiiIcon from "@liara/platformicons/glass/png/yii.png";
@@ -129,6 +130,7 @@ const types = [
   { logo: appsmithIcon, alt: "appsmith" },
   { logo: varnishIcon, alt: "varnish" },
   { logo: apacheanswerIcon, alt: "apacheanswer" },
+  { logo: nocodbIcon, alt: "nocodb" },
 
   // Instructions
   { logo: goIcon, alt: "go" },

diff --git a/components/Sidebar/index.js b/components/Sidebar/index.js
@@ -1225,6 +1225,12 @@ const Sidebar = ({ searchOpen, setSearchOpen }) => {
                 Apache Answer
               </ActiveLink>
             </li>
+            <li>
+              <ActiveLink href="/one-click-apps/nocodb">
+                <PlatformIcon platform="nocodb" />
+                NOCODB
+              </ActiveLink>
+            </li>
           </ul>
         </nav>
 

diff --git a/pages/index.js b/pages/index.js
@@ -241,6 +241,11 @@ const DATA_SECTIONS = {
       title: "ApacheAnswer",
       href: "/one-click-apps/apacheanswer",
     },
+    {
+      platform: "nocodb",
+      title: "NOCODB",
+      href: "/one-click-apps/nocodb",
+    },
   ],
 };
 

diff --git a/pages/one-click-apps/nocodb.js b/pages/one-click-apps/nocodb.js
@@ -0,0 +1,91 @@
+import Head from "next/head";
+import Link from "next/link";
+import Notice from "../../components/Notice";
+import Layout from "../../components/Layout";
+import PlatformIcon from "../../components/PlatformIcon";
+import ZoomableImage from "../../components/ZoomableImage";
+import Highlight from "react-highlight";
+
+export default () => (
+  <Layout>
+    <Head>
+      <title>مستندات نصب و راه‌اندازی NOCODB - لیارا</title>
+    </Head>
+    <div className="page-head">
+      <PlatformIcon platform="nocodb" />
+      <div className="page-title">
+        <h1>ساخت دیتابیس بدون کدنویسی با NOCODB</h1>
+        <span className="page-description">(NOCODB one-click app)</span>
+      </div>
+    </div>
+
+    <p>
+      <a href="https://github.com/nocodb/nocodb" target="_blank" rel="noopener">
+        NOCODB
+      </a>{" "}
+      یک ابزار متن‌باز مدیریت پایگاه داده است که در آن نیاز به هیچ کدنویسی وجود
+      ندارد. و این دیتابیس هم برای توسعه‌دهندگان و هم غیرتوسعه‌دهندگان، به طور
+      یکسان کاربرد دارد. این برنامه به شما اجازه می‌دهد که ابزارهای قدرتمندی را
+      در ویرایشگر مبتنی بر spreadsheet خود، توسعه دهید.
+    </p>
+
+    <h3>🚀 راه‌اندازی</h3>
+
+    <p>
+      در صورتی که تمایلی به خواندن آموزش متنی ندارید می‌توانید ویدیوی آموزشی زیر
+      ‌را مشاهده کنید.
+    </p>
+
+    <ZoomableImage src="https://files.liara.ir/docs/nocodb/nocodb.gif"></ZoomableImage>
+
+    <p>
+      برای راه‌اندازی برنامه‌ی آماده NOCODB باید در بخش{" "}
+      <a href="https://console.liara.ir/apps" target="_blank">
+        برنامه‌های
+      </a>{" "}
+      کنسول لیارا بر روی دکمه‌ی <strong>ایجاد برنامه</strong> کلیک کرده و در
+      صفحه‌ی باز شده وارد بخش برنامه‌های آماده شوید. سپس برنامه‌ی NOCODB را
+      انتخاب و یک شناسه‌ی یکتا برای برنامه‌ی خود درنظر بگیرید. در آخر پس از
+      انتخاب شبکه خصوصی و پلن، بر روی دکمه‌ی <strong>ایجاد برنامه</strong> کلیک
+      کنید.
+    </p>
+
+    <h3>🎯 توضیحات و نکات تکمیلی</h3>
+
+    <h4 id="upgrade">تغییر نسخه‌ی برنامه مستقر شده</h4>
+    <p>
+      برخی مواقع لازم شده که نسخه برنامه‌ی آماده‌ای که مستقر کردیم رو تغییر
+      بدیم. برای مثال، نسخه جدیدی از آن برنامه منتشر شده و ما می‌خواهیم از آن
+      استفاده بکنیم. نکته‌ای که باید قبل تغییر نسخه برنامه‌مان در نظر داشته
+      باشیم، این است که آن نسخه با لیارا سازگاری داشته باشد و در صورتی که لازم
+      باشد از دیسک‌ها برای مواردی همچون تغییرات در برنامه یا نگهداری اطلاعات‌مان
+      استفاده بکنیم. یا حتی لازم باشد یک سری متغیر‌هایی در برنامه‌مان تنظیم
+      کنیم. در اینجا شما می‌تونید یک نمونه ساده از تغییر نسخه را مشاهده کنید.
+      برای شروع لازم هست ابتدا در سیستم لوکال فایلی تحت عنوان{" "}
+      <span className="code">liara.json</span>
+      ایجاد کنید و مقادیر زیر رو در اون قرار بدید:
+    </p>
+    <Highlight className="json">
+      {`{
+    "image": "nocodb/nocodb:<your-version>",
+    "port": 8080,
+    "app": "<your-app-name>",
+    "disks": [
+      {
+        "name": "data",
+        "mountTo": "/usr/app/data"
+      }
+  ]
+}`}
+    </Highlight>
+    <p>
+      در اینجا مقدار app، برابر هست با نام برنامه‌ای که در لیارا ایجاد کردید و
+      مقدار image، برابر هست نام image برنامه‌تان. در قسمت port، پورتی که
+      برنامه‌تان بر روی آن اجرا می‌شود و در قسمت disks، قرار داده شده است نام
+      دیسک‌هایی که به صورت پیش‌فرض برای برنامه‌تان نیاز هست. در نهایت با{" "}
+      <span className="code">liara-cli</span> و سپس دستور زیر برنامه‌تان مستقر
+      کنید:
+    </p>
+    <Highlight className="json">{`liara deploy`}</Highlight>
+  </Layout>
+);
diff --git a/public/static/platforms/nocodb.png b/public/static/platforms/nocodb.png